Difference between revisions of "Team:Stanford-Brown/Team"

 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Stanford-Brown}}
 
−
{{Template:Stanford-Brown/CSS3}}
 
−
{{Template:Stanford-Brown/CSS}}
 
  
−
<html>
+
{{Template:Stanford-Brown/CSS16}}
 +
{{Template:Stanford-Brown/Navbar}}
  
−
<!--HEAD-->
+
<html lang="en">
  
−
<head>
+
<!--***HEAD BEGIN***-->
  
−
<title>Stanford-Brown 2017</title>
+
<head>
 +
<title>Stanford-Brown 2017</title>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
−
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
+
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
−
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
−
  <link rel="stylesheet", type="text/css", href=href="https://2017.igem.org/Template:Stanford-Brown/CSS?action=raw&ctype=text/css"/>
+
<link rel="stylesheet", type="text/css", href=href="https://2016.igem.org/Template:Stanford-Brown/CSS?action=raw&ctype=text/css"/>
−
<link rel="stylesheet", type="text/css", href=href="https://2017.igem.org/Template:Stanford-Brown/CSS3?action=raw&ctype=text/css"/>
+
</head>
  
−
<!--script type="text/javascript" src="https://2017.igem.org/wiki/index.php?title=Team:Stanford-Brown/imagejs&action=raw&ctype=text/javascript"></script-->
+
<!--***HEAD END***-->
  
  
−
<script type="text/javascript">
 
−
function placeImage(planet)
 
−
{
 
−
var red=document.getElementById('red');
 
−
switch(planet) {
 
−
    case 'central':
 
−
        red.style.top='90px';
 
−
        red.style.left='60px';
 
−
red.style.display='block';
 
−
red.style.width='30%';
 
−
red.style.height='auto';
 
−
     
 
−
        break;   
 
−
        default:
 
−
        red.style.display='none';
 
−
    }
 
−
}
 
  
−
</script>
+
<!--***BODY BEGIN***-->
−
 
+
−
<style type="text/css">
+
−
 
+
−
#red {display:none;position:absolute;top:90px;left:60px;width: 30%;height: auto;z-index:102;}
+
−
body {
+
−
    overflow:hidden;
+
−
}
+
−
#bg {
+
−
  /* Set rules to fill background */
+
−
  min-height: 100%;
+
−
  min-width: 1024px;
+
−
   
+
−
  /* Set up proportionate scaling */
+
−
  width: 100%;
+
−
  height: auto;
+
−
   
+
−
  /* Set up positioning */
+
−
  position: fixed;
+
−
  top: 0;
+
−
  left: 0;
+
−
 
+
−
}
+
−
 
+
−
#team {
+
−
    position    : fixed;
+
−
    bottom      : 0px;
+
−
    margin-left: 30%;
+
−
z-index:1 !important;
+
−
   
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
</head>
+
  
 
<body>
 
<body>
  
−
<!-- CODE FOR NAVIGATION BAR -->
 
  
−
<div class="container">
 
−
<nav class="navbar navbar-inverse navbar-fixed-top">
 
−
        <div class="navbar-header">
 
−
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 
−
                <span class="sr-only">Toggle navigation</span>
 
−
                <span class="icon-bar"></span>
 
−
                <span class="icon-bar"></span>
 
−
                <span class="icon-bar"></span>
 
−
            </button>
 
−
<a class= "navbar-brand" id="NavigationBarLabel" href="https://2017.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2017/f/f3/T--Stanford-Brown--LogoNav.jpg" id="navbarimg"></a>
 
−
                   
 
  
−
        <div id="navbar" class="navbar-collapse collapse">
 
−
        <ul class="nav navbar-nav">
 
  
−
<!--HomePage-->
+
</div> <!--END container-->
−
<li class="dropdown">
+
<! img src="https://static.igem.org/mediawiki/2017/d/d6/T--Stanford-Brown--To_Infinity_And_Beyond.jpg" id="HomeImage" -->
−
                <a href="https://2017.igem.org/Team:Stanford-Brown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home<span class="caret"></span></a>
+
<img src="https://static.igem.org/mediawiki/2017/0/02/T--Stanford-Brown--teamnununu.jpg" alt="" id="HomeImage1"" />
−
                <ul class="dropdown-menu">
+
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/Description">Overview</a></li>
+
=
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_SHM_Overview">Self-Healing</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_BioBactery_Overview">BioBactery</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_BioRubber_Overview">BioRubber</a></li>
+
−
                  </ul>
+
−
                </li>
+
−
           
+
−
<!--Overview-->
+
−
                <li class="dropdown">
+
−
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Overview<span class="caret"></span></a>
+
−
                <ul class="dropdown-menu">
+
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_WhyMars">Why Mars?</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_WhyColonize">Why Colonize?</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_NeedsMet">Needs to be Met</a></li>
+
−
                  </ul>
+
−
                </li>
+
−
<!--Self-Healing Materials-->
+
−
<li class="dropdown">
+
−
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Self-Healing Materials<span class="caret"></span></a>
+
−
                <ul class="dropdown-menu">
+
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_SHM_Overview">Overview</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_Levan">Levan</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_Oxygen">Oxygen Inducrion</a></li>
+
−
                  </ul>
+
−
                </li>
+
  
−
<!--BioBactery-->
 
−
                <li class="dropdown">
 
−
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">BioBactery<span class="caret"></span></a>
 
−
                <ul class="dropdown-menu">
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_BioBactery_Overview">Overview</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_BioBactery_Orientation">Orientation</a></li>
 
−
                  </ul>
 
−
                </li>
 
  
−
<!--Latex Ecosystem-->
 
−
              <li class="dropdown">
 
−
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">BioRubber<span class="caret"></span></a>
 
−
                <ul class="dropdown-menu">
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_BioRubber_Overview">Overview</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_RubberSynthesis">External Synthesis</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_Degradation">Degradation</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/Model">Modelling</a></li>
 
−
                  </ul>
 
−
                </li>
 
  
−
<!--human practices-->
 
−
<li class="dropdown">
 
−
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Practices<span class="caret"></span></a>
 
−
                <ul class="dropdown-menu">
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/HP/Gold_Integrated">Integrated Human Practices</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/Engagement">Outreach</a></li>
 
−
                  </ul>
 
−
                </li>
 
−
<!--collaborations-->
 
−
                <li class="dropdown">
 
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Collaborations<span class="caret"></span></a>
 
−
                  <ul class="dropdown-menu">
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_InterLab">InterLab Study</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_Collaborations">Team Collaborations</a></li>
 
−
                  </ul>
 
−
                </li>
 
−
 
−
<!--biobricks-->
 
−
                <li class="active"><a href="https://2017.igem.org/Team:Stanford-Brown/Parts">BioBricks</a></li>
 
−
<!--protocols-->
 
−
<li class="dropdown">
 
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Protocols<span class="caret"></span></a>
 
−
<ul class="dropdown-menu">
 
−
<li><a href="https://2017.igem.org/Team:Stanford-Brown/SB17_Protocols">Protocols</a>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:Stanford-Brown/Notebook">Notebook</a>
 
−
</li>
 
−
 
−
 
−
</ul>
 
−
</li>
 
−
 
−
<!--team-->
 
−
<li class="dropdown">
 
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About<span class="caret"></span></a>
 
−
<ul class="dropdown-menu">
 
−
<li><a href="https://2017.igem.org/Team:Stanford-Brown/Team">Team</a></li>
 
−
<li><a href="https://2017.igem.org/Team:Stanford-Brown/Attributions">Attributions</a>
 
−
</li>
 
−
 
−
 
−
</ul>
 
−
</li>
 
−
               
 
−
<!--requirements-->
 
−
<li class="dropdown">
 
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Requirements<span class="caret"></span></a>
 
−
<ul class="dropdown-menu">
 
−
<li><a href="https://2017.igem.org/Team:Stanford-Brown/Medals">Medals</a></li>
 
−
<li><a href="https://2017.igem.org/Team:Stanford-Brown/Safety">Safety</a></li>
 
−
</ul>
 
−
</li>
 
−
            </ul>
 
−
        </div>
 
−
</div>
 
−
</nav>
 
−
</div>
 
−
 
−
<! ************************************************ END OF NAVIGATION BAR ************************************************ -->
 
−
 
−
<! ************************************************Header Image Begin  ************************************************ -->
 
−
<body>
 
−
 
−
<img src="https://static.igem.org/mediawiki/2017/e/e9/T--Stanford-Brown--teambg.jpg"  id="bg">
 
−
<img src="https://static.igem.org/mediawiki/2017/b/b1/T--Stanford-Brown--image-map-neutral.jpg"  alt="Planets" usemap="#planetmap" id="team">
 
−
<img id="red" src="https://static.igem.org/mediawiki/2017/8/80/T--Stanford-Brown--Ileana2.jpg"  alt="red" class="css3">
 
−
<map name="planetmap">
 
−
<area title="1" coords="413,624,31" id="ileana" onmouseover="placeImage('central')" onmouseout="placeImage()"  target ="_blank"shape="circle"/>
 
−
    <area target="" alt="Alice" title="2"  coords="555,680,30" id"marilu" shape="circle"/>
 
−
    <area target="" alt="Lisa" title="3"  coords="697,697,28" id="emmett"shape="circle"/>
 
−
    <area target="" alt="AkashD" title="4" coords="402,693,29" id="dylan" shape="circle"/>
 
−
    <area target="" alt="Carter" title="5"  coords="468,655,29" id="brian" shape="circle"/>
 
−
    <area target="" alt="Aditi" title="6" coords="813,681,28" id="sierra" shape="circle"/>
 
−
    <area target="" alt="AkashB" title="7"  coords="755,655,31" id="nischal" shape="circle"/>
 
−
    <area target="" alt="Johnny" title="8"  coords="639,654,29" id="natalie" shape="circle"/>
 
−
    <area target="" alt="Gear" title="9"  coords="696,623,28" id="addie" shape="circle"/>
 
−
    <area target="" alt="Henry" title="10"  coords="520,614,27" id="katie" shape="circle"/>
 
−
    <area target="" alt="Carys" title="11"  coords="583,626,29" id="michael" shape="circle"/>
 
−
</map>
 
−
</div>
 
 
</body>
 
</body>
−
<!--this is resoponsive to size shifts for the onmouseover, but leaves a white region at the bottom? Need to change the background fill settings-->
 
−
<!--img usemap="#image-map" id="full" src="https://static.igem.org/mediawiki/2017/1/15/T--Stanford-Brown--neutral.jpg"-->
 
−
<!--img id="full" src="bottomhalf.jpg" onMousemove="getDetails(this)"-->
 
  
−
<!--map name="image-map">
 
−
    <area shape="circle" alt="ileana" title="ileana" onMouseover="selectRegion('https://static.igem.org/mediawiki/2017/8/87/T--Stanford-Brown--image-map-ileana.jpeg')" onmouseout="selectRegion('https://static.igem.org/mediawiki/2017/9/95/T--Stanford-Brown--image-map-neutral.jpeg')"
 
−
          coords="410,630,40"-->
 
−
    <!--area shape="cicle" alt="nischal" title="nischal" onMousemove="selectRegion('nischal')"
 
−
          coords="90,58,3">
 
−
    <area shape="circle" alt="emmett" title="emmett" onMousemove="selectRegion('emmett')"
 
−
          coords="90,58,3">
 
−
    <area shape="circle" alt="brian" title="brian" onMousemove="selectRegion('brian')"
 
−
          coords="90,58,3">
 
−
    <area shape="circle" alt="sierra" title="sierra" onMousemove="selectRegion('sierra')"
 
−
          coords="90,58,3">
 
−
    <area shape="circle" alt="marilu" title="marilu" onMousemove="selectRegion('marilu')"
 
−
          coords="90,58,3">
 
−
    <area shape="circle" alt="mike" title="mike" onMousemove="selectRegion('mike')"
 
−
          coords="90,58,3">
 
−
    <area shape="circle" alt="dylan" title="dylan" onMousemove="selectRegion('dylan')"
 
−
          coords="90,58,3">
 
−
    <area shape="circle" alt="addie" title="addie" onMousemove="selectRegion('addie')"
 
−
          coords="90,58,3">
 
−
    <area shape="circle" alt="katie" title="katie" onMousemove="selectRegion('katie')"
 
−
          coords="90,58,3">
 
−
    <area shape="circle" alt="natalie" title="natalie" onMousemove="selectRegion('natalie')"
 
−
          coords="90,58,3">
 
−
   
 
−
 
−
</map-->
 
−
 
−
<!--script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
−
<script>
 
−
$(function () {
 
−
        ImageMap('img[usemap]');
 
−
    });
 
−
    function selectRegion(region) {
 
−
        document.querySelector("img").setAttribute('src', region);
 
−
    }
 
−
</script-->
 
−
 
 
−
<! ************************************************Header Image End  ************************************************ -->
 
−
 
−
 
−
</body>
 
 
</html>
 
</html>

Latest revision as of 04:01, 19 October 2017

Stanford-Brown 2017

=