Team:Utah State

From 2012.igem.org

(Difference between revisions)
 
(72 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>Demo Menu - PSDGraphics.com</title>
 +
 +
<link href="dropdown-menu.css" media="screen" rel="stylesheet" type="text/css" />
 +
<title>USU iGEM 2012</title>
<title>USU iGEM 2012</title>
 +
<script type="text/javascript">
 +
<!--
 +
var image1=new Image()
 +
image1.src="https://static.igem.org/mediawiki/igem.org/4/4b/Img1.png"
 +
var image2=new Image()
 +
image2.src="https://static.igem.org/mediawiki/2012/1/1f/DSC_7252.jpg"
 +
var image3=new Image()
 +
image3.src="https://static.igem.org/mediawiki/igem.org/8/81/Img3.png"
 +
var image4=new Image()
 +
image4.src="https://static.igem.org/mediawiki/2012/b/bc/DSC_7274.jpg"
 +
var image5=new Image()
 +
image5.src="https://static.igem.org/mediawiki/igem.org/7/7e/Img5.png"
 +
var image6=new Image()
 +
image6.src="https://static.igem.org/mediawiki/2012/5/53/DSC_7312.jpg"
 +
var image7=new Image()
 +
image7.src="https://static.igem.org/mediawiki/igem.org/a/af/Img4.png"
 +
var image8=new Image()
 +
image8.src="https://static.igem.org/mediawiki/igem.org/3/3f/Img9.png"
 +
var image9=new Image()
 +
image9.src="https://static.igem.org/mediawiki/igem.org/c/c3/Img10.png"
 +
var image10=new Image()
 +
image10.src="https://static.igem.org/mediawiki/2012/c/cc/DSC_7318.jpg"
 +
var image11=new Image()
 +
image11.src="https://static.igem.org/mediawiki/igem.org/9/98/Img6.png"
 +
var image12=new Image()
 +
image12.src="https://static.igem.org/mediawiki/igem.org/a/a9/Img2.png"
 +
var image13=new Image()
 +
image13.src="https://static.igem.org/mediawiki/2012/5/5f/IMG_1889.jpg"
 +
 +
//-->
 +
</script>
<style media="screen" type="text/css">
<style media="screen" type="text/css">
 +
#navigation {
 +
margin:0;
 +
padding: 0 25px 0;
 +
clear:both;
 +
width:970px;
 +
height:51px;
 +
background: #d6eaf8 url(https://static.igem.org/mediawiki/2012/3/3e/Dropdown-bg.gif) repeat-x left top;
 +
}
 +
 +
 +
ul.nav-main,
 +
ul.nav-main li {
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
 +
ul.nav-main {
 +
position: relative;
 +
z-index: 597;
 +
}
 +
 +
ul.nav-main li:hover > ul {
 +
visibility: visible;
 +
}
 +
 +
 +
ul.nav-main li.hover,
 +
ul.nav-main li:hover {
 +
position: relative;
 +
z-index: 599;
 +
cursor: pointer;
 +
background: url(https://static.igem.org/mediawiki/2012/a/a9/Dropdown-bg-hover.gif) repeat-x left top;
 +
}
 +
 +
 +
 +
ul.nav-main li {
 +
float:left;
 +
display:block;
 +
height: 51px;
 +
color: #999;
 +
font: 14px Arial, Helvetica, sans-serif;
 +
background: url(https://static.igem.org/mediawiki/2012/3/3e/Dropdown-bg.gif) repeat-x;
 +
}
 +
 +
ul.nav-main li a {
 +
display:block;
 +
padding: 16px 16px 0 16px;
 +
height: 35px;
 +
color: #999;
 +
font: 14px Arial, Helvetica, sans-serif;
 +
text-decoration:none;
 +
}
 +
 +
ul.nav-main li a:hover {
 +
color:#D6D6D6;
 +
}
 +
 +
 +
 +
ul.nav-main *.list {
 +
padding-right: 22px;
 +
background: url(images/navigation-arrow.gif) no-repeat right top;
 +
}
 +
 +
 +
 +
ul.nav-sub {
 +
visibility: hidden;
 +
position: absolute;
 +
padding:10px;
 +
top: 48px;
 +
left: 0;
 +
z-index: 598;
 +
background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top;
 +
border-right: 1px solid #000;
 +
border-bottom: 1px solid #000;
 +
border-left: 1px solid #000;
 +
}
 +
 +
 +
ul.nav-sub li {
 +
list-style:none;
 +
display:block;
 +
padding: 0;
 +
height: 27px;
 +
float: none;
 +
width:145px;
 +
border-bottom: 1px solid #5a5a5a;
 +
background: none;
 +
}
 +
 +
ul.nav-sub li a {
 +
list-style:none;
 +
display:block;
 +
padding: 6px 5px 6px 5px;
 +
height: 15px;
 +
float: none;
 +
width:145px;
 +
background: none;
 +
font: 12px Arial, Helvetica, sans-serif;
 +
}
 +
 +
 +
 +
 +
#globalWrapper {width: 100%;}
 +
#top-section {width: 100%; height:30px; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
#menubar a {color:#000000;}
 +
#menubar a:hover{text-decoration:none; color:#52749C;}
 +
.left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;}
 +
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
 +
.right-menu ul li a {background-color:#FFFFFF;}
 +
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
#catlinks {display:none;}
 +
.firstHeading {display:none;}
 +
#content {width: 100%; border:none;}
 +
#bodyContent {border:none;}
/* Add Style Rules Here*/
/* Add Style Rules Here*/
@charset "utf-8";
@charset "utf-8";
Line 12: Line 170:
/* General HTML Tag Rules */
/* General HTML Tag Rules */
body {
body {
-
background-image:url(https://static.igem.org/mediawiki/2012/1/18/Bg_body.jpg)
 
background-repeat:repeat-x;
background-repeat:repeat-x;
-
background-color:#a39dbf;
+
background-color:#ffffff;
background-attachment:fixed;
background-attachment:fixed;
background-position:top;
background-position:top;
-
background-image: url(https://static.igem.org/mediawiki/2012/1/18/Bg_body.jpg);
 
background-repeat: repeat-x;
background-repeat: repeat-x;
}
}
Line 44: Line 200:
.wrapOverall {
.wrapOverall {
-
width: 960px;
+
width: 1020px;
-
+
    margin: 0px auto;
 +
height: auto;
}
}
.wrapBuckets {
.wrapBuckets {
 +
}
}
Line 57: Line 215:
  background-repeat:no-repeat;
  background-repeat:no-repeat;
  background-position:top center;
  background-position:top center;
-
  height:48px;
 
  margin:0px;
  margin:0px;
  padding:0px;
  padding:0px;
Line 63: Line 220:
   
   
}
}
-
.bucket1 { background-image: url(https://static.igem.org/mediawiki/2012/6/6b/Bg_abstract.png);
+
.bucket1 { background-image: url(https://static.igem.org/mediawiki/2012/f/f0/New-background.png);
  background-repeat:no-repeat;
  background-repeat:no-repeat;
  background-position:top center;
  background-position:top center;
-
  height:48px;
 
  margin:0px;
  margin:0px;
  padding:0px;
  padding:0px;
  list-style-type:none;
  list-style-type:none;
-
                  height: 150px;
+
          height: 600px;
-
+
  z-index: 0;
 +
  border-bottom: 10px solid #8a8888;  
}
}
.bucket2 {
.bucket2 {
Line 125: Line 282:
.wrapOverall .logo .navigation .navMain ul li a {
.wrapOverall .logo .navigation .navMain ul li a {
color: #FFF;
color: #FFF;
 +
}
 +
.logoStyle {
 +
float: right;
 +
display: inline;
 +
width: 30px;
 +
height: 30px;
 +
margin-right: 10px;
 +
}
 +
.wrapRow1
 +
  {
 +
          background-color:AEA6A6;
 +
  margin-left: 45px;
 +
  display: inline-block;
 +
  z-index: 0;
 +
}
 +
.wrapProfile1
 +
  {
 +
          background-color:AEA6A6;
 +
  float: left;
 +
  width: 458px;
 +
  height: auto;
 +
  display: inline-block;
 +
  z-index: 0;
 +
}
 +
 +
.wrapProfile2
 +
  {
 +
          background-color:AEA6A6;
 +
  float: right;
 +
  width: 458px;
 +
  height: auto;
 +
  display: inline-block;
 +
  z-index: 0; 
 +
}
 +
.textProfile
 +
  {
 +
  float: right;
 +
  font-family: Helvetica;
 +
  font-weight: normal;
 +
  width: 226px;
 +
  height: auto;
 +
  font-size: 12px;
 +
  text-style: none;
 +
  list-style: none;
 +
      line-height: 105%;
 +
  z-index: 0;
 +
}
 +
 +
.textProfile2
 +
  {
 +
  font-family: Helvetica;
 +
  font-weight: normal;
 +
  width: 1020px;
 +
  font-size: 12px;
 +
  text-style: none;
 +
  list-style: none;
 +
  z-index: 0;
 +
 
 +
}
 +
.wrapPhoto
 +
  {
 +
          background-color:AEA6A6;
 +
  margin-left: 20px;
 +
  display: inline-block;
 +
  float: left;
 +
  z-index: 0;
 +
}
 +
.wrapRow2
 +
  {
 +
  display: inline-block;
 +
  margin-left: 45px;
}
}
</style>
</style>
-
</head>
 
<body>
<body>
-
<img src="https://static.igem.org/mediawiki/2012/a/ad/Utah_State_logo2.png" alt="USU 2012" width="369" height="188">
+
<div style="width: 1210px; height: 5000 px; margin-left: auto; margin-right: auto;">
-
 
+
<div style="position: absolute; top: 600px;"><img src="https://static.igem.org/mediawiki/2012/8/88/Wheresspidey2.png" onMouseOver="this.src='https://static.igem.org/mediawiki/2012/b/b6/SpiderFacts2.png'" onMouseOut="this.src='https://static.igem.org/mediawiki/2012/8/88/Wheresspidey2.png'"></div>
<div class="wrapOverall">
<div class="wrapOverall">
-
   
+
  <a href="https://2012.igem.org/Team:Utah_State"><img src="https://static.igem.org/mediawiki/2012/f/f0/Igem-Banner-2.png" alt="USU 2012" width="1020" height="319"></a> 
   <div class="logo">
   <div class="logo">
          
          
-
<div class="navigation">
+
<div class="navigation">
-
       
+
      <ul id="navigation" class="nav-main">
-
        <div class="navMain">
+
                <li><a href="https://2012.igem.org/Team:Utah_State">Home</a></li>
 +
               
 +
                <li class="list"><a href="https://2012.igem.org/Team:Utah_State/Team">Team</a>
 +
                <ul class="nav-sub">
 +
                <li><a href="https://2012.igem.org/Team:Utah_State/Team#AboutUSU">About Utah State</a></li>
 +
               
 +
                </ul>
 +
                </li>
 +
               
 +
                <li class="list"><a href="https://2012.igem.org/Team:Utah_State/Project">Project</a>
 +
                <ul class="nav-sub">
 +
                        <li><a href="https://2012.igem.org/Team:Utah_State/Project#Background">Background</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Utah_State/Project#Design">Design</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Utah_State/Project#Experimental">Experimental</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Utah_State/Project#Applications">Applications</a></li>                       
 +
                </ul>
 +
                </li>
 +
                <li class="list"><a href="https://2012.igem.org/Team:Utah_State/Results">Results</a>
 +
                <ul class="nav-sub">
 +
                    <li><a href="https://2012.igem.org/Team:Utah_State/Results#Cloning">Cloning</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Utah_State/Results#GFPExpression">GFP Expression</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Utah_State/Results#ProteinExpression">Protein Expression</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Utah_State/Results#SilkProduction">Silk Production</a></li> 
 +
                  </ul>
 +
              </li>
 +
                <li class="list"><a href="https://2012.igem.org/Team:Utah_State/Notebook">Protocols</a>
 +
              <ul class="nav-sub">
 +
                    <li><a href="https://2012.igem.org/Team:Utah_State/Notebook#SpiderSilkProtocols">Spider Silk</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Utah_State/Notebook#MolecularBiologyProtocols">Molecular Biology</a></li>
 +
                  </ul>
 +
              </li>
 +
                <li><a href="https://2012.igem.org/Team:Utah_State/Parts">BioBricks</a></li>
 +
                <li class="list"><a href="https://2012.igem.org/Team:Utah_State/Attributions">Attributions</a>
 +
                <ul class="nav-sub">
 +
                    <li><a href="https://2012.igem.org/Team:Utah_State/Attributions#Collaboration">Collaboration</a></li>
 +
                    <li><a href="https://2012.igem.org/Team:Utah_State/Attributions#HighSchoolOutreach">High School Outreach</a></li>
 +
                    <li><a href="https://2012.igem.org/Team:Utah_State/Attributions#Sponsors">Sponsors</a></li>
 +
                </ul>
 +
                </li>
 +
                <li><a href="https://2012.igem.org/Team:Utah_State/Safety">Safety</a>
 +
                <ul class="nav-sub">
 +
                    <li><a href="https://2012.igem.org/Team:Utah_State/Safety#Safety">General Safety</a></li>
 +
                    <li><a href="https://2012.igem.org/Team:Utah_State/Safety#HumanPractices">Human Practices</a></li>
 +
                </ul>
 +
                </li>               
 +
                <div class="logoStyle"><a href="http://www.youtube.com/channel/UCThQC8z2Y-GD-js0gtL5w9g?feature=guide"><img src="https://static.igem.org/mediawiki/2012/b/b6/Youtube-logo.png" width="45" height="45"></a></div>
 +
                <div class="logoStyle"><a href="https://twitter.com/UtahState_iGEM"><img src="https://static.igem.org/mediawiki/2012/9/98/FrontLogo.png" width="45" height="45"></a></div>
 +
              <div class="logoStyle"><a href="http://www.facebook.com/pages/Utah-State-iGEM/351699858258139?ref=hl"><img src="https://static.igem.org/mediawiki/2012/e/ed/Bwfacebook.png" width="45" height="45"></a></div>
 +
                <div style="float: right;display: inline; width: 39px; height: 30px; margin-right: 20px;"><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/b/b0/Igemlogobw.png" width="59" height="45"></a></div>
 +
      </ul>
              
              
-
                    <ul>
+
  </div>
-
                        <li><a href="#">HOME</a></li>
+
-
                        <li><a href="#">TEAM</a></li>
+
-
                        <li><a href="#">PROJECT</a></li>
+
-
                        <li><a href="#">BIOBRICKS</a></li>
+
-
                <li><a href="#">SAFETY</a></li>
+
-
                        <li><a href="#">ATTRIBUTIONS</a></li>
+
-
                        <li><a href="#">PROTOCOLS</a></li>
+
-
                    </ul>
+
-
                   
+
-
</div>
+
-
       
+
-
  </div>
+
-
           
+
-
    </div>
+
   <!----Text Boxes---->           
   <!----Text Boxes---->           
                      
                      
     <div class=wrapBuckets>
     <div class=wrapBuckets>
-
           
+
        <img src="https://static.igem.org/mediawiki/igem.org/4/4b/Img1.png" name="slide" width=1020 height=317>
-
          <div class="bucket1">
+
        <script>
-
              <li>Spider silk is the strongest known biomaterial, with a large variety of applications. These applications
+
<!--
-
include artificial tendons and ligaments, biomedical sutures, athletic gear, parachute cords, air bags,
+
//variable that will increment through the images
-
and any other thinkable products which require a high tensile strength with amazing extendibility.
+
var step=1
-
Spiders however cannot be farmed because they are territorial and cannibalistic. Thus, an alternative to
+
function slideit(){
-
producing spider silk must be found. This year’s Utah State iGEM team aims to incorporate spider silk
+
//if browser does not support the image object, exit.
-
genes into E. coli in order to produce this highly valuable product. In the past, spider silk production in
+
if (!document.images)
-
bacteria has been limited due to the highly repetitive nature of the protein. To overcome this obstacle
+
return
-
Utah State’s iGEM team is incorporating sequences for additional tRNAs to boost the number of amino
+
document.images.slide.src=eval("image"+step+".src")
-
acids available for production. After successfully producing spider silk protein, it will be artificially spun
+
if (step<9)
-
into usable fibers that will be tested and optimized for potential applications.
+
step++
-
              </li>  
+
else
 +
step=1
 +
//call function "slideit()" every 2.5 seconds
 +
setTimeout("slideit()",4500)
 +
}
 +
slideit()
 +
//-->
 +
</script>
 +
 
 +
<div style="height: 1250px;">
 +
    <div style="height: 950px; border: 10px solid #8a8888; width1:1020px; z-index: 10;">
 +
        <div style="height:1100px">
 +
            <div style="border-bottom: 10px solid #8a8888; width1:1020px; height:250px; z-index: 10;">
                  
                  
-
          <div class="bucket2">
+
<div class="bucket1">
-
                <li>
+
 
-
                  </li>
+
 
-
                 
+
<div style="float: left;"><img src="https://static.igem.org/mediawiki/2012/5/59/Overview.png"></div>
-
</div>
+
 
-
                  
+
<div style="float: left;"><img src="https://static.igem.org/mediawiki/2012/3/38/Text.png"></div>
-
        </div>
+
 +
<div style="float: left;"><img src="https://static.igem.org/mediawiki/2012/5/55/Successes.png"></div>
 +
<br><br>
 +
<br>
 +
 
 +
<div style="float: left;"><img src="https://static.igem.org/mediawiki/2012/0/0a/Successtext.png"></div>
 +
<br>
 +
<br>
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
<div class="wrapRow1">
 +
<div class="wrapProfile1">
 +
<div class="wrapPhoto"><a href="https://2012.igem.org/Team:Utah_State/Project#Applications"><img src="https://static.igem.org/mediawiki/2012/8/8c/IconApplications.png" onMouseOver="this.src='https://static.igem.org/mediawiki/2012/3/34/IconAppHover.png'" onMouseOut="this.src='https://static.igem.org/mediawiki/2012/8/8c/IconApplications.png'" width="189" height="227"></a>
 +
</div>
 +
 
 +
 
 +
<div class="textProfile"><a href="https://2012.igem.org/Team:Utah_State/Project#Design"><img src="https://static.igem.org/mediawiki/2012/8/89/IconDesign.png" onMouseOver="this.src='https://static.igem.org/mediawiki/2012/7/79/Fasdfafd.png'" onMouseOut="this.src='https://static.igem.org/mediawiki/2012/8/89/IconDesign.png'" width="189" height="227"></a>
 +
</div>
 +
</div>
 +
 
 +
<div class="wrapProfile2">
 +
<div class="wrapPhoto"><a href="https://2012.igem.org/Team:Utah_State/Notebook"><img src="https://static.igem.org/mediawiki/2012/0/0e/IconProtocols.png" onMouseOver="this.src='https://static.igem.org/mediawiki/2012/c/c9/Asdfasdfaes.png'" onMouseOut="this.src='https://static.igem.org/mediawiki/2012/0/0e/IconProtocols.png'" width="189" height="227"></a>
 +
                        </div>
 +
                        <div class="textProfile"><a href="https://2012.igem.org/Team:Utah_State/Results"><img src="https://static.igem.org/mediawiki/2012/b/b3/IconResults.png" onMouseOver="this.src='https://static.igem.org/mediawiki/2012/8/80/Asdfasdfa.png'" onMouseOut="this.src='https://static.igem.org/mediawiki/2012/b/b3/IconResults.png'" width="189" height="227"></a>                   
 +
                    </div>
 +
                 </div>
 +
            </div>
 +
   
 +
                <div class="wrapRow2">
 +
                    <div class="wrapProfile1">
 +
                        <div class="wrapPhoto"><a href="https://2012.igem.org/Team:Utah_State/Team"><img src="https://static.igem.org/mediawiki/2012/c/cb/IconTeam.png" onMouseOver="this.src='https://static.igem.org/mediawiki/2012/8/83/IconTeamHover.png'" onMouseOut="this.src='https://static.igem.org/mediawiki/2012/c/cb/IconTeam.png'" width="189" height="335"></a>
 +
                        </div>
 +
                        <div class="textProfile"><a href="https://2012.igem.org/Team:Utah_State/Parts"><img src="https://static.igem.org/mediawiki/2012/5/5a/IconBiobricks.png" onMouseOver="this.src='https://static.igem.org/mediawiki/2012/e/e3/IconBiobricksHover.png'" onMouseOut="this.src='https://static.igem.org/mediawiki/2012/5/5a/IconBiobricks.png'" width="189" height="335"></a>
 +
                        </div>
 +
                    </div>
 +
                    <div class="wrapProfile2">
 +
                        <div class="wrapPhoto"><a href="https://2012.igem.org/Team:Utah_State/Attributions"><img src="https://static.igem.org/mediawiki/2012/8/86/IconAttributions.png" onMouseOver="this.src='https://static.igem.org/mediawiki/2012/7/7b/IconAttributionsHover.png'" onMouseOut="this.src='https://static.igem.org/mediawiki/2012/8/86/IconAttributions.png'" width="189" height="335"></a>
 +
                        </div>
 +
                        <div class="textProfile"><a href="https://2012.igem.org/Team:Utah_State/Safety"><img src="https://static.igem.org/mediawiki/2012/7/7c/IconSafety.png" onMouseOver="this.src='https://static.igem.org/mediawiki/2012/6/68/IconSafetyHover.png'" onMouseOut="this.src='https://static.igem.org/mediawiki/2012/7/7c/IconSafety.png'" width="189" height="335"></a>                   
 +
                    </div>
 +
                </div>
 +
            </div>
 +
  </div>
 +
         
 +
           
              
              
   </div>
   </div>
-
       
+
</div>     
 +
</div>
</div>
</div>
                              
                              

Latest revision as of 05:37, 26 October 2012

Demo Menu - PSDGraphics.com USU iGEM 2012

USU 2012