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

 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Template:Stanford-Brown/CSS3}}
+
 
 
{{Template:Stanford-Brown/CSS16}}
 
{{Template:Stanford-Brown/CSS16}}
 
{{Template:Stanford-Brown/Navbar}}
 
{{Template:Stanford-Brown/Navbar}}
  
−
<html>
+
<html lang="en">
  
−
<!--HEAD-->
+
<!--***HEAD BEGIN***-->
  
 
<head>
 
<head>
−
 
+
<title>Stanford-Brown 2017</title>
−
<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">
+
<body>
  
−
#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>
+
</div> <!--END container-->
 +
<! img src="https://static.igem.org/mediawiki/2017/d/d6/T--Stanford-Brown--To_Infinity_And_Beyond.jpg" id="HomeImage" -->
 +
<img src="https://static.igem.org/mediawiki/2017/0/02/T--Stanford-Brown--teamnununu.jpg" alt="" id="HomeImage1"" />
 +
 
 +
=
  
  
  
−
</head>
 
−
 
−
<body>
 
−
 
−
 
−
<! ************************************************ 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="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
−
<script src="jquery.rwdImageMaps.min.js"></script>
 
−
<script>
 
−
$(document).ready(function(e) {
 
−
$('img[usemap]').rwdImageMaps();
 
−
 
−
$('area').on('click', function() {
 
−
alert($(this).attr('alt') + ' clicked');
 
−
});
 
−
});
 
−
</script>
 
−
 
 
−
<! ************************************************Header Image End  ************************************************ -->
 
−
 
−
 
−
</body>
 
 
</html>
 
</html>

Latest revision as of 04:01, 19 October 2017

Stanford-Brown 2017

=