|
|
| (123 intermediate revisions not shown) |
| Line 4: |
Line 4: |
| | <head> | | <head> |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| - | function scrollWin(){ | + | function scrollWin(x, y){ |
| - | $('html, body').animate({ | + | $('div.mainContent').animate({ |
| - | scrollTop: $("#scrollToHere").offset().top | + | scrollTop: x |
| - | }, 1000); | + | }, 300); |
| | + | $('div.mainContent').animate({ |
| | + | scrollLeft: y |
| | + | }, 300); |
| | } | | } |
| | </script> | | </script> |
| | + | |
| | <div id="graybar"></div> | | <div id="graybar"></div> |
| | | | |
| Line 17: |
Line 21: |
| | | | |
| | <ul> | | <ul> |
| - | <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT">HOME</a> | + | <li><a class = "topMenu" onclick="scrollWin(0, 0);">HOME</a> |
| | </li> | | </li> |
| | | | |
| - | <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Team">TEAM</a> | + | <li><a class = "topMenu" onclick="scrollWin(400, 0);">TEAM</a> |
| | <ul> | | <ul> |
| - | <li><a class = "dropMenu" href="https://2010.igem.org/Team:MIT/Team/Undergrads">Undergrads</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(400, 900);">Undergrads</a></li> |
| - | <li><a class = "dropMenu" href="https://2010.igem.org/Team:MIT/Team/Instructors">Instructors</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(400, 1800);">Instructors</a></li> |
| - | <li><a class = "dropMenu" href=" https://2010.igem.org/Team:MIT/Team/Advisors">Advisors</a></li> <li><a class = "dropMenu" href=" https://2010.igem.org/Team:MIT/Team/Gallery">Gallery</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(400, 2700);">Advisors</a></li> |
| | + | <li><a class = "dropMenu" onclick=" scrollWin(400, 3600);">Gallery</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | | | |
| - | <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Project">PROJECT</a> | + | <li><a class = "topMenu" onclick="scrollWin(800, 0);">PROJECT</a> |
| | <ul> | | <ul> |
| - | <li><a class="dropMenu" onclick="scrollWin();" value="Scroll up">Abstract</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(800, 900);">Abstract</a></li> |
| - | <li><a class = "dropMenu" href="#">Overview</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(800, 1800);">Overview</a></li> |
| - | <li><a class = "dropMenu" href="#">The Toggle Switch</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(800, 2700);">The Toggle Switch</a></li> |
| - | <li><a class = "dropMenu" href="#">Bacterial Team</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(800, 3600);">Bacterial Team</a></li> |
| - | <li><a class = "dropMenu" href="#">Mammalian Team</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(800, 4500);">Mammalian Team</a></li> |
| - | <li><a class = "dropMenu" href="#">Summary</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(800, 5400);">Summary</a></li> |
| - | <li><a class = "dropMenu" href="#">References</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(800, 6300);">References</a></li> |
| - | <li><a class = "dropMenu" href="#">Acknowledgements</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(800, 7200);">Acknowledgements</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | | | |
| - | <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Notebook">NOTEBOOK</a> | + | <li><a class = "topMenu" onclick="scrollWin(1200, 0);">NOTEBOOK</a> |
| | <ul> | | <ul> |
| - | <li><a class = "dropMenu" href="#">Material & Methods</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(1200, 900);">Material & Methods</a></li> |
| - | <li><a class = "dropMenu" href=" #">Biosafety</a></li> <li><a class = "dropMenu" href=" #">Journal Club</a></li> | + | <li><a class = "dropMenu" onclick="scrollWin(1200, 1800);">Biosafety</a></li> |
| | + | <li><a class = "dropMenu" onclick=" scrollWin(1200, 2700);">Journal Club</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | | | |
| - | <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Parts">PARTS</a> | + | <li><a class = "topMenu" onclick="scrollWin(1600, 0);">PARTS</a> |
| | <ul> | | <ul> |
| - | <li><a href="#">Characterization</a></li> | + | <li><a onclick="scrollWin(1600, 900);">Characterization</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | | | |
| - | <li><a class = "topMenu" href="https://2010.igem.org/Team:MIT/Sponsors">SPONSORS</a> | + | <li><a class = "topMenu" onclick="scrollWin(2000, 0);">SPONSORS</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| Line 62: |
Line 68: |
| | </head><body> | | </head><body> |
| | | | |
| - | <div class="mainContent" id="firstContent">
| |
| - |
| |
| - |
| |
| - | <p class="txtContainer" id="notAboutMe"><a onclick="scrollWin();" value="Scroll up">Hi</a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam fermentum magna id metus ullamcorper varius. Nunc facilisis ipsum vel ante interdum in laoreet mi porttitor. Maecenas pharetra bibendum auctor. Mauris scelerisque facilisis odio ac facilisis. Duis tristique lorem sit amet risus iaculis vitae cursus lacus fermentum. Nunc erat metus, venenatis sit amet venenatis in, vehicula vel leo. Pellentesque euismod neque quam, in bibendum eros. Ut ut lorem egestas erat tempus vehicula. Pellentesque eget est tellus, et lacinia odio. Integer gravida velit lacinia neque fringilla laoreet. Aenean a tellus in ligula congue fermentum. Donec at libero ut massa aliquam pellentesque a nec nisi. Mauris velit turpis, accumsan eu fringilla a, malesuada a nisi. Mauris convallis odio vitae justo pharetra gravida. Suspendisse a velit eu risus ullamcorper feugiat. Quisque consectetur vulputate nisl eu bibendum. Aliquam ipsum mauris, rhoncus non tempus at, blandit ut nisl. Mauris eu risus in arcu venenatis laoreet id ut nisi.
| |
| - |
| |
| - | Integer vitae luctus diam. Mauris auctor, urna at commodo tempor, purus felis pharetra eros, ac laoreet urna odio vel orci. Integer sed arcu lectus. Maecenas est purus, lacinia vitae placerat eget, suscipit et lorem. Nulla facilisi. Cras nunc dui, eleifend at scelerisque ultrices, vehicula quis enim. Mauris ut leo orci, in scelerisque urna. Etiam ornare arcu hendrerit enim imperdiet egestas. Fusce nisi tellus, vulputate sed placerat ut, vulputate quis dui. Nam tincidunt dolor sed dolor fermentum ultricies. Maecenas non accumsan erat. Nunc justo diam, malesuada eu aliquet in, placerat ac mauris. Nullam eu mauris a ante adipiscing adipiscing vitae quis eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sapien turpis, sagittis vitae volutpat sed, dignissim vel ligula. Curabitur luctus iaculis est, sit amet aliquam urna scelerisque id. Fusce ipsum arcu, gravida et facilisis nec, hendrerit at sapien. Duis et enim vel mauris dictum rutrum.
| |
| - |
| |
| - | Vestibulum sagittis quam non est porta iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse nec elit libero, molestie ullamcorper lectus. Nunc faucibus neque at est rutrum eu dictum lectus adipiscing. Vivamus eget sem eu nisl dignissim vulputate. Ut et felis ac est faucibus cursus. Donec eleifend sollicitudin sapien eu pellentesque. Donec aliquet magna et mi hendrerit vehicula. Etiam pellentesque pretium risus quis luctus. Vestibulum odio sem, bibendum sit amet cursus non, sodales sed neque. Etiam nisl lorem, faucibus sit amet vestibulum non, scelerisque at odio. Nullam sodales augue ut odio tincidunt aliquet. Vivamus scelerisque porttitor arcu vel dignissim. Phasellus commodo iaculis ipsum, id vulputate ligula tincidunt at. Duis ac turpis nec ante viverra convallis ut sed lacus. Cras volutpat lacinia quam nec aliquet. Proin arcu tortor, pellentesque in egestas in, condimentum at leo.
| |
| - |
| |
| - | Mauris vitae mollis ligula. Phasellus vel dui ut enim posuere ullamcorper ac vel erat. Suspendisse congue, tortor in vehicula semper, eros massa vehicula justo, sed tempor ante nunc id arcu. In placerat nibh eu tortor feugiat accumsan. Ut tempus quam ut lorem venenatis commodo id nec ipsum. Proin a arcu augue. Praesent accumsan porta massa, id sollicitudin ante dapibus ut. Nam molestie, odio in condimentum interdum, dui purus tempus mauris, non fringilla ipsum felis eget sem. Cras eu eros in purus pellentesque congue. Ut in diam vitae ipsum consectetur luctus ut vel nulla. Phasellus semper interdum sagittis. Praesent nec neque neque. Nunc odio urna, feugiat sit amet porttitor vel, ultrices sed lectus. Praesent massa mi, rhoncus tempor eleifend ac, blandit imperdiet urna. Praesent a velit justo. Cras porta, metus non malesuada cursus, libero nisi venenatis erat, et consequat mi dolor ac lacus. Pellentesque pretium est in massa tempor sollicitudin. Mauris non mauris id odio scelerisque mattis. Nunc sit amet fermentum enim. Pellentesque ac aliquet metus.
| |
| - |
| |
| - | Proin sit amet nunc neque, sit amet mattis ligula. Vivamus sem magna, bibendum consectetur congue vitae, lacinia interdum purus. Maecenas purus ligula, porta sed dapibus sit amet, vehicula eget metus. Maecenas quis augue nisl, id ornare magna. Donec nec felis metus. Suspendisse dictum mi vel justo tincidunt dictum. Nam sollicitudin, metus et pellentesque faucibus, augue nulla imperdiet augue, rutrum ullamcorper diam magna et arcu. Vestibulum dolor tellus, hendrerit ut cursus sed, pharetra quis mauris. Sed vel luctus ligula. Sed placerat sem sed neque posuere venenatis non ut sem. Vivamus in diam arcu, id eleifend felis. Vestibulum quam ipsum, lacinia vitae semper a, pulvinar eget urna. Cras magna tellus, tempor ac volutpat eget, consectetur quis odio. Vivamus consectetur, augue convallis porta volutpat, enim ligula suscipit nunc, sit amet imperdiet tortor ipsum non mi. In ultrices enim in ligula porttitor vulputate. Fusce eget lacus dapibus velit lacinia posuere. Nunc consectetur dictum massa eget fringilla.</p>
| |
| - | </div>
| |
| | | | |
| | | | |
| Line 80: |
Line 73: |
| | | | |
| | | | |
| - | <div id="stones" style="height: 217px;"> | + | <div id="stones"> |
| - | <a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=54px width=64px></a><br> | + | <a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br> |
| - | <a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height= 54px style="padding-top: 1px;"></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img style="padding-top:1px;" src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height= 54px></a> | + | <a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height= 40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height= 40px></a> |
| - | <br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=55px> | + | <br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px> |
| | | | |
| | </a> | | </a> |
"
iGEM 2010
