|
|
Line 1: |
Line 1: |
- | <html>
| + | no |
- | | + | |
- | <style>
| + | |
- | | + | |
- | html
| + | |
- | { background-color: #FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | P
| + | |
- | { margin: 0px;
| + | |
- | }
| + | |
- | | + | |
- | hr
| + | |
- | { border: none;
| + | |
- | border-top: 1px #000000 solid;
| + | |
- | }
| + | |
- | | + | |
- | #globalWrapper
| + | |
- | { background: url('https://static.igem.org/mediawiki/2011/a/a5/Bg2.jpg') top center no-repeat;
| + | |
- | //width: 100%;
| + | |
- | //position: fixed;
| + | |
- | //margin-left: auto;
| + | |
- | //margin-right: auto;
| + | |
- | }
| + | |
- | | + | |
- | #top-section
| + | |
- | { display: none;
| + | |
- | }
| + | |
- | | + | |
- | //#menubar
| + | |
- | | + | |
- | //{ display: none;
| + | |
- | //}
| + | |
- | | + | |
- | #sddm
| + | |
- | { margin: 0;
| + | |
- | padding: 0;
| + | |
- | z-index: 30
| + | |
- | }
| + | |
- | | + | |
- | #sddm li
| + | |
- | { margin: 0;
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | float: left;
| + | |
- | font: bold 11px arial
| + | |
- | }
| + | |
- | | + | |
- | #sddm li a
| + | |
- | { display: block;
| + | |
- | margin: 0 1px 0 0;
| + | |
- | padding: 4px 30px;
| + | |
- | width: 99px;
| + | |
- | background: #5970B2;
| + | |
- | color: #FFF;
| + | |
- | text-align: center;
| + | |
- | text-decoration: none
| + | |
- | }
| + | |
- | | + | |
- | #sddm li a:hover
| + | |
- | { background: #49A3FF
| + | |
- | }
| + | |
- | | + | |
- | #sddm div
| + | |
- | { position: absolute;
| + | |
- | visibility: hidden;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | background: #EAEBD8;
| + | |
- | border: 1px solid #5970B2
| + | |
- | }
| + | |
- | | + | |
- | #sddm div a
| + | |
- | { position: relative;
| + | |
- | display: block;
| + | |
- | margin: 0;
| + | |
- | padding: 5px 10px;
| + | |
- | width: auto;
| + | |
- | white-space: nowrap;
| + | |
- | text-align: left;
| + | |
- | text-decoration: none;
| + | |
- | background: #EAEBD8;
| + | |
- | color: #2875DE;
| + | |
- | font: 11px arial
| + | |
- | }
| + | |
- | | + | |
- | #sddm div a:hover
| + | |
- | { background: #49A3FF;
| + | |
- | color: #FFF
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | <head>
| + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | var timeout = 500;
| + | |
- | var closetimer = 0;
| + | |
- | var ddmenuitem = 0;
| + | |
- | | + | |
- | // open hidden layer
| + | |
- | function mopen(id)
| + | |
- | {
| + | |
- | // cancel close timer
| + | |
- | mcancelclosetime();
| + | |
- | | + | |
- | // close old layer
| + | |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| + | |
- | | + | |
- | // get new layer and show it
| + | |
- | ddmenuitem = document.getElementById(id);
| + | |
- | ddmenuitem.style.visibility = 'visible';
| + | |
- | | + | |
- | }
| + | |
- | // close showed layer
| + | |
- | function mclose()
| + | |
- | {
| + | |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| + | |
- | }
| + | |
- | | + | |
- | // go close timer
| + | |
- | function mclosetime()
| + | |
- | {
| + | |
- | closetimer = window.setTimeout(mclose, timeout);
| + | |
- | }
| + | |
- | | + | |
- | // cancel close timer
| + | |
- | function mcancelclosetime()
| + | |
- | {
| + | |
- | if(closetimer)
| + | |
- | {
| + | |
- | window.clearTimeout(closetimer);
| + | |
- | closetimer = null;
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | // close layer when click-out
| + | |
- | document.onclick = mclose;
| + | |
- | </script>
| + | |
- | | + | |
- | </head>
| + | |
- | | + | |
- | <center>
| + | |
- | <img src="https://static.igem.org/mediawiki/2011/1/19/Madison_logo2.jpg"; style="position:absolute; left:0px; top:0px"/>
| + | |
- | </center>
| + | |
- | | + | |
- | .<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p><br>
| + | |
- | | + | |
- | <body>
| + | |
- | | + | |
- | <center>
| + | |
- | <ul id="sddm">
| + | |
- | <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
| + | |
- | <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| + | |
- | <a href="#">Main</a>
| + | |
- | <a href="#">What is iGEM?</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Project</a>
| + | |
- | | + | |
- | <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| + | |
- | <a href="#">Overview</a>
| + | |
- | <a href="#">Tiger Blood Sensor</a>
| + | |
- | <a href="#">Bacardi 151 Sensor</a>
| + | |
- | <a href="#">Hidden Sleeve Compartment</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Team</a>
| + | |
- | <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| + | |
- | <a href="https://2011.igem.org/Team:Wisconsin-Madison/teamoverview">Overview</a>
| + | |
- | <a href="#">Members</a>
| + | |
- | <a href="#">Faculty</a>
| + | |
- | <a href="#">Sponsors</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Notebook</a>
| + | |
- | | + | |
- | <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| + | |
- | <a href="#">Protocols</a>
| + | |
- | <a href="#">Calender</a>
| + | |
- | <a href="#">Experiment</a>
| + | |
- | <a href="#">References</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Outreach</a>
| + | |
- | <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| + | |
- | <a href="#">Science Olympiad</a>
| + | |
- | <a href="#">REU Poster Session</a>
| + | |
- | <a href="#">Lectures</a>
| + | |
- | | + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Safety</a>
| + | |
- | <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| + | |
- | <a href="#">Science Olympiad</a>
| + | |
- | <a href="#">Lectures</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </center>
| + | |
- | | + | |
- | <table border="0" cellspacing="4" cellpadding="0">
| + | |
- | <tr><td>
| + | |
- | <a href="https://2011.igem.org/Team:Wisconsin-Madison/team">Link text</a>
| + | |
- | <p><br>
| + | |
- | Main Project Title
| + | |
- | <p><br>
| + | |
- | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus venenatis congue nulla nec tincidunt. Praesent porta vehicula magna eget accumsan. Morbi vel dolor urna. Nunc ullamcorper nisi sit amet enim faucibus eu laoreet arcu lacinia. Vivamus elit felis, tristique vitae eleifend nec, pretium ac tortor. Suspendisse potenti. Curabitur at eros purus, ac rhoncus velit. Morbi luctus sagittis accumsan. Praesent id odio est. Nulla a consequat mi. Aenean tincidunt neque consectetur est commodo at consequat metus condimentum. In porttitor diam id tortor facilisis facilisis. In condimentum turpis nec nisi dictum interdum. Suspendisse est lorem, semper sed tempus ac, faucibus a orci. Pellentesque eleifend dui quis mauris luctus pretium.
| + | |
- | <p><br>
| + | |
- | What is iGem?
| + | |
- | <p><br>
| + | |
- | iGEM is a synthetic biology competition and stands for Internationally Genetically Engineered Machines. It began as a friendly competition between 10 MIT teams in 2004, and has since grown to over 130 teams in 2010 from all different countries around the globe. This year even more teams are anticipated, and there will be regional competitions held before the annual international jamboree held at MIT in the fall.
| + | |
- | <p><br>
| + | |
- | iGEM revolves around two main ideas: Biobricks and the Registry. Biobricks are pieces of DNA that have been given a similar structure and that code for something useful. They can be big or small and may contain one or many individual pieces of useful information all packaged into one coherent piece. The “packaging” for each Biobrick is the same, facilitating the use of the parts.
| + | |
- | <p><br>
| + | |
- | Each new part, once confirmed, is sent to MIT and physically stored there in the Registry. Any other iGEM team can order any Biobrick from the Registry for use in their project, and get physical copies that are easily cultured and can be quickly used, without having to be manufactured by the teams. This open source structure speeds up progress and makes it easier for researchers to accomplish their projects.
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </td><td valign="center" width="200">
| + | |
- | | + | |
- | <script src="http://widgets.twimg.com/j/2/widget.js"></script>
| + | |
- | <script>
| + | |
- | new TWTR.Widget({
| + | |
- | version: 2,
| + | |
- | type: 'profile',
| + | |
- | rpp: 4,
| + | |
- | interval: 6000,
| + | |
- | width: 250,
| + | |
- | height: 400,
| + | |
- | theme: {
| + | |
- | shell: {
| + | |
- | background: '#878787',
| + | |
- | color: '#ffffff'
| + | |
- | },
| + | |
- | tweets: {
| + | |
- | background: '#fafafa',
| + | |
- | color: '#404040',
| + | |
- | links: '#5c64ff'
| + | |
- | }
| + | |
- | },
| + | |
- | features: {
| + | |
- | scrollbar: false,
| + | |
- | loop: false,
| + | |
- | live: false,
| + | |
- | hashtags: true,
| + | |
- | timestamp: true,
| + | |
- | avatars: false,
| + | |
- | behavior: 'all'
| + | |
- | }
| + | |
- | }).render().setUser('LabBadger').start();
| + | |
- | </script>
| + | |
- | | + | |
- | </td></table>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </body>
| + | |