|
|
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/6/6b/Teamnew.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-->
| |
− |
| |
− |
| |
− | <! ************************************************Header Image End ************************************************ -->
| |
− |
| |
− |
| |
− | </body>
| |
| </html> | | </html> |