|
|
(27 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <link rel='stylesheet' type='text/css' href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Stylesheets/indexcss.css?action=raw&ctype=text/css"/>
| |
- |
| |
- | <style>
| |
- | h1{
| |
- | font-size: 1em;
| |
- | display: none;
| |
- | }
| |
| | | |
- | #firstheading {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | h2{
| |
- | font-size: 25.5px;
| |
- | }
| |
- |
| |
- | h3{
| |
- | font-size: 25.5px;
| |
- | }
| |
- |
| |
- | p {
| |
- | text-indent:50px;
| |
- | }
| |
- |
| |
- | #content {
| |
- | z-index: 1;
| |
- | background-color: transparent;
| |
- | border: none;
| |
- | padding-bottom: 0;
| |
- | margin: 0;
| |
- | width: 100%;
| |
- | overflow: hidden;
| |
- | margin-top: -45px !important;
| |
- | height:auto !important; /* real browsers */
| |
- | height:100%; /* IE6: treaded as min-height*/
| |
- | min-height:100%; /* real browsers */
| |
- | }
| |
- |
| |
- | #top-section {
| |
- | z-index: 2;
| |
- | height: 15px;
| |
- | margin: 0px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-bottom: 0 !important;
| |
- | padding:0;
| |
- | border: none;
| |
- | font-size: 10px;
| |
- | }
| |
- |
| |
- | #p-logo {
| |
- | height:1px;
| |
- | overflow:hidden;
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #search-controls {
| |
- | overflow:hidden;
| |
- | display:block;
| |
- | background: none;
| |
- | position: absolute;
| |
- | top: 100px;
| |
- | right: 40px;
| |
- | }
| |
- |
| |
- | .left-menu {
| |
- | width: 500px !important;
| |
- | display:block;
| |
- | margin-top:-80px;
| |
- | border: none;
| |
- | text-align: right;
| |
- | }
| |
- |
| |
- | .left-menu ul {
| |
- | border: none;
| |
- | }
| |
- |
| |
- | #menubar.right-menu {
| |
- | width:300px;
| |
- | display:block;
| |
- | float:left;
| |
- | margin-top:-80px;
| |
- | border: none;
| |
- | }
| |
- |
| |
- | .right-menu ul {
| |
- | border: none;
| |
- | width: 300px;
| |
- | }
| |
- |
| |
- | .visualClear {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #footer {
| |
- | border: none;
| |
- | width: 850px;
| |
- | margin: 0 auto;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | .firstHeading {
| |
- | display: block;
| |
- | }
| |
- |
| |
- | #f-list a {
| |
- | color: #333;
| |
- | font-size: 10px;
| |
- | }
| |
- |
| |
- | #f-list a:hover {
| |
- | color: #666;
| |
- | }
| |
- |
| |
- | .printfooter {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #footer ul {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | #footer ul li {
| |
- | margin-top: 0;
| |
- | margin-bottom: 0;
| |
- | margin-left: 10px;
| |
- | margin-right: 10px;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | #search-controls {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #siteSub {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #contentSub {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | p:first-child {
| |
- | display: block;
| |
- | }
| |
- |
| |
- | h1{
| |
- | border:none;
| |
- | width: 100%;
| |
- | clear: both;
| |
- | }
| |
- |
| |
- | .progress{
| |
- | display: none;
| |
- | }
| |
- |
| |
- | .plus {
| |
- | display: inline-block;
| |
- | -webkit-transition: 1s ease-in-out;
| |
- | -moz-transition: 1s ease-in-out;
| |
- | -o-transition: 1s ease-in-out;
| |
- | }
| |
- |
| |
- | .menu:hover .plus {
| |
- | -webkit-transform: rotate(1000deg);
| |
- | -moz-transform: rotate(1000deg);
| |
- | -o-transform: rotate(1000deg);
| |
- | }
| |
- | #teamcon {
| |
- | /*width:860px;*/
| |
- | position:absolute;
| |
- | left: 205px;
| |
- | top: 393px; /*390 is thte ideal top value for teamcon and teambox*/
| |
- | z-index:0;}
| |
- | #teambox {
| |
- | width:260px;
| |
- | height:440px;
| |
- | position:absolute;
| |
- | left:790px;
| |
- | top:393px;
| |
- | background-color:#555555;
| |
- | color:#ffffff;
| |
- | z-index:0;}
| |
- | #teamnam {
| |
- | width:220px;
| |
- | position:relative;
| |
- | left:20px;
| |
- | top:40px;
| |
- | font-weight:bold;
| |
- | z-index:0;}
| |
- | #teamful {
| |
- | width:220px;
| |
- | position:relative;
| |
- | left:20px;
| |
- | top:60px;
| |
- | z-index:0;}
| |
- | #teamdes {
| |
- | width:220px;
| |
- | position:relative;
| |
- | left:20px;
| |
- | top: 20px;
| |
- | font-size:2em;
| |
- | z-index:0;}
| |
- |
| |
- | #face1 {
| |
- | width:44px;
| |
- | height:59px;
| |
- | position:absolute;
| |
- | left:177px;
| |
- | top:106px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face2 {
| |
- | width:34px;
| |
- | height:57px;
| |
- | position:absolute;
| |
- | left:121px;
| |
- | top:97px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face3 {
| |
- | width:38px;
| |
- | height:53px;
| |
- | position:absolute;
| |
- | left:254px;
| |
- | top:78px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face4 {
| |
- | width:42px;
| |
- | height:53px;
| |
- | position:absolute;
| |
- | left:331px;
| |
- | top:111px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face5 {
| |
- | width:37px;
| |
- | height:52px;
| |
- | position:absolute;
| |
- | left:415px;
| |
- | top:109px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face6 {
| |
- | width:40px;
| |
- | height:48px;
| |
- | position:absolute;
| |
- | left:489px;
| |
- | top:101px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face7 {
| |
- | width:46px;
| |
- | height:56px;
| |
- | position:absolute;
| |
- | left:59px;
| |
- | top:153px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face8 {
| |
- | width:50px;
| |
- | height:57px;
| |
- | position:absolute;
| |
- | left:160px;
| |
- | top:217px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face9 {
| |
- | width:32px;
| |
- | height:43px;
| |
- | position:absolute;
| |
- | left:267px;
| |
- | top:226px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face10 {
| |
- | width:31px;
| |
- | height:47px;
| |
- | position:absolute;
| |
- | left:347px;
| |
- | top:220px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | #face11 {
| |
- | width:47px;
| |
- | height:51px;
| |
- | position:absolute;
| |
- | left:421px;
| |
- | top:226px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
| |
- | /*
| |
- |
| |
- | #description1{
| |
- | position: absolute;
| |
- | width: 805px;
| |
- | left: 205px;
| |
- | top: 844px;
| |
- | background: #E6E6E6; /*threedface*/
| |
- | /*float: right;*/
| |
- | padding-bottom: 20px;
| |
- | margin-bottom: 13px;
| |
- | padding-left: 20px;
| |
- | padding-right: 20px;
| |
- | }
| |
- | */
| |
- | </style>
| |
- |
| |
- | <script type="text/javascript" src ="https://2014hs.igem.org/common/jquery-latest.min.js"></script>
| |
- |
| |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | function slider() {
| |
- | var $current = $('#slides IMG.current');
| |
- |
| |
- | if ( $current.length == 0 ) $current = $('#slides IMG:last');
| |
- | var $next = $current.next().length ? $current.next()
| |
- | : $('#slides IMG:first');
| |
- |
| |
- | $current.addClass('previous');
| |
- | $next.css({opacity: 0.0})
| |
- | .addClass('current')
| |
- | .animate({opacity: 1.0}, 2500, function() {
| |
- | $current.removeClass('current previous');
| |
- | });
| |
- |
| |
- | var $navicurrent = $('.progress li.current');
| |
- | if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
| |
- | var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
| |
- | $navicurrent.addClass('previous');
| |
- | $navicurrent.removeClass('current previous');
| |
- | $navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
| |
- | });
| |
- |
| |
- | $('.progress li').click(function(){
| |
- |
| |
- | var $ncurrent = $(this);
| |
- | $('.progress li').removeClass('current').removeClass('previous');
| |
- | $('#slides IMG').removeClass('current').removeClass('previous');
| |
- | $ncurrent.addClass('current');
| |
- | var ncurrentindex = $ncurrent.index();
| |
- | if( ncurrentindex=== 0) $current = $('#slides IMG:first');
| |
- | if( ncurrentindex=== 1) $current = $('#slides IMG:eq(1)');
| |
- | if( ncurrentindex=== 2) $current = $('#slides IMG:eq(2)');
| |
- | if( ncurrentindex=== 3) $current = $('#slides IMG:last');
| |
- | $current.addClass('current');
| |
- |
| |
- | });
| |
- |
| |
- | }
| |
- |
| |
- | $(function() {
| |
- | setInterval( "slider()", 5000 );
| |
- | });
| |
- | </script>
| |
- |
| |
- | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function(){
| |
- | var nam = new Array();
| |
- | nam[1] = "Ankush Garg";
| |
- | nam[2] = "Kevin Klemmer";
| |
- | nam[3] = "Jamie Harris";
| |
- | nam[4] = "Alex Harrison";
| |
- | nam[5] = "Connor Macleod";
| |
- | nam[6] = "Maggie Dingwell";
| |
- | nam[7] = "Nikita George";
| |
- | nam[8] = "Eire Murphy";
| |
- | nam[9] = "Traelyn Rachar";
| |
- | nam[10] = "Ella Brennan";
| |
- | nam[11] = "Crystal Vos";
| |
- | var des = new Array();
| |
- | des[1] = "Ankush is a third year biochemist who wants to do a PhD in synthetic biology. He is master of pipetting and is king of XylE assays and data analysis.";
| |
- | des[2] = "Kevin is just about to start a Master’s in Systems Biology and is our Bioinformatics guru! As a member of the vectors team, he spent hours cloning things that didn’t want to clone... He's had the most life experience of all of us and consequently knows everything...";
| |
- | des[3] = "As a third year biologist, Jamie's lab skills were put to good use assembling and testing the surface protein. His knowledge of parasitic diseases is second to none and he has become a schistosoma expert in the last few months!";
| |
- | des[4] = "Alex is an absolute legend when it comes to modelling biological systems. He’s a third year bioengineer who likes to cycle the length of the Thames before coming into uni. He is a sweet talking and smooth moving on the dance floor devil - you have to check out this guy's moves!";
| |
- | des[5] = "Connor is a third year bioengineer and the wiki god of the team. His artistic talents usually leave us lost for words, usually for the right reasons… He also has a taste for buzzwords and can speak fluently in all forms of computer code...";
| |
- | des[6] = "Our Sri Lankan lab goddess, Maggie, is just about to start an MRes in Cardriovascular Science at the NHLI, having studied bioengineering at IC. She can usually be found late at night in the lab, running gels and making overnight cultures.";
| |
- | des[7] = "Nikita is a third year biochemist with a passion for NTDs and public health. She was on the surface protein lab team, wrote the Human Practices Report and organised the school workshops. She has talked to many experts and provided valuable resources and info for the team, what a star.";
| |
- | des[8] = "A third year biologist, Eire would like to work on bridging the gap between science and clinical medicine. Next to working as our lab-coordinator, he throws amazing parties (which isn't surprising, as he hails from Berlin) and has an amazing singing voice. Karaoke anyone?";
| |
- | des[9] = "Having done 3 years of biochemistry, Traelyn has just started a course in Business Management. As one of the more creative members of the team, she designed our logo and edited videos. She also put in a billion lab hours to ensure all XylE constructs were built - they were.";
| |
- | des[10] = "Ella is a third year bioengineer. She has formed half of the modelling team and mixes up her time with wiki editing. She is most excited to shop for clothes and Ugg boots in Boston!";
| |
- | des[11] = "A distinguished enginer who gets a kick out of modelling and differential equations. Crystals is always pushing the engineering side of synthetic biology and knows exactly what experiments and models we need to get done."
| |
- | $("#face1").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[1]);
| |
- | $("#teamful").append(des[1]);
| |
- | });
| |
- | $("#face2").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[2]);
| |
- | $("#teamful").append(des[2]);
| |
- | });
| |
- | $("#face3").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[3]);
| |
- | $("#teamful").append(des[3]);
| |
- | });
| |
- | $("#face4").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[4]);
| |
- | $("#teamful").append(des[4]);
| |
- | });
| |
- | $("#face5").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[5]);
| |
- | $("#teamful").append(des[5]);
| |
- | });
| |
- | $("#face6").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[6]);
| |
- | $("#teamful").append(des[6]);
| |
- | });
| |
- | $("#face7").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[7]);
| |
- | $("#teamful").append(des[7]);
| |
- | });
| |
- | $("#face8").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[8]);
| |
- | $("#teamful").append(des[8]);
| |
- | });
| |
- | $("#face9").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[9]);
| |
- | $("#teamful").append(des[9]);
| |
- | });
| |
- | $("#face10").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[10]);
| |
- | $("#teamful").append(des[10]);
| |
- | });
| |
- | $("#face11").mouseenter(function() {
| |
- | $("#teamnam").empty();
| |
- | $("#teamful").empty();
| |
- | $("#teamnam").append(nam[11]);
| |
- | $("#teamful").append(des[11]);
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
| |
- |
| |
- | </head>
| |
- | <body>
| |
- | <div id="globalWrapper"/>
| |
- |
| |
- | <div id="main-content"/>
| |
- |
| |
- | <div id="topmenubar" class="topleft-menu"/>
| |
- | <ul>
| |
- | <li><a href="https://igem.org/Team_List?year=2014&division=high_school" style='color:#014457; cursor:pointer' target="blank">teams</a></li>
| |
- | <li class='selected'><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY">Page</a></li>
| |
- | <li class='new'><a href="https://2014hs.igem.org/wiki/index.php?title=Talk:Team:RAMNOTIREN_CALGARY&action=edit&redlink=1">Discussion</a></li>
| |
- | <li><a href="https://2014hs.igem.org/wiki/index.php?title=2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Team&action=edit">View Source</a></li>
| |
- | <li><a href="https://2014hs.igem.org/wiki/index.php?title=Team:RAMNOTIREN_CALGARY&action=history">History</a></li>
| |
- | <li><a href="https://igem.org/Login">Log in</a></li>
| |
- | </ul>
| |
- | </div>
| |
- |
| |
- | <header>
| |
- | <div id="slides">
| |
- | <img src="https://static.igem.org/mediawiki/2014hs/9/96/Banner1.jpg" width="968" height="272" alt="" class="current" />
| |
- | <img src="https://static.igem.org/mediawiki/2014hs/0/00/Dnabg.jpg" width="968" height="272" alt="" />
| |
- | <img src="https://static.igem.org/mediawiki/2014hs/9/96/Banner1.jpg" width="968" height="272" alt="" />
| |
- | <img src="https://static.igem.org/mediawiki/2014hs/0/00/Dnabg.jpg" width="968" height="272" alt="" />
| |
- | </div>
| |
- | <ul class="progress">
| |
- | <li class="current"><a href="#n_0">1</a> </li>
| |
- | <li><a href="#n_1">2</a> </li>
| |
- | <li><a href="#n_2">3</a> </li>
| |
- | <li><a href="#n_3">4</a> </li>
| |
- | </ul>
| |
- |
| |
- | <div>
| |
- | <ul id="menu">
| |
- |
| |
- | <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY" id="homelink">Home</a></li>
| |
- |
| |
- | <li><a href="2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Team" id="teamlink">Team</a>
| |
- | <ul>
| |
- | <li><a href="2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Team">Members</a></li>
| |
- | <li><a href="https://igem.org/Team.cgi" target="_blank">Official Profile</a></li>
| |
- | <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/AboutCMHS">About CMHS</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project" id="projectlink">Project </a>
| |
- | <ul>
| |
- | <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Content">Content</a></li>
| |
- | <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/HumanPractices">Human Practices</a></li>
| |
- | <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/References">References</a></li>
| |
- | <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Attributions">Attributions</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Parts" id="partslink">Parts</a></li>
| |
- |
| |
- | <li><a class="drop" href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Notebook" id="notebooklink">Notebook</a></li>
| |
- |
| |
- | <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Sponsors" id="sponsorslink">Sponsors</a></li>
| |
- |
| |
- | <li><a href="https://2014hs.igem.org" target="_blank">iGEM</a></li>
| |
- | </ul>
| |
- | </div>
| |
- | </header>
| |
- |
| |
- | <div id="sidebar">
| |
- | <div style="margin-left: 2em">
| |
- | <div id="list">
| |
- | <ul>
| |
- | <li> <a href="#top">Top</a></li>
| |
- | <li> <a href="#JE1">jQuery (animated)</a></li>
| |
- | <li> <a href="#JE2">CSS (fixed)</a></li>
| |
- | <li> <a href="#JE3">CSS (reveal)</a></li>
| |
- | <li> <a href="#JE4">TEST</a></li>
| |
- | <li> <a href="#JE5">TEXT</a></li>
| |
- | </ul>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <div id="teamcon">
| |
- | <img id="teampic" src="https://static.igem.org/mediawiki/2014hs/d/d9/Group2.JPG" width="600" height="440 alt="
| |
- | group="" />
| |
- | <div id="face1"></div>
| |
- | <div id="face2"></div>
| |
- | <div id="face3"></div>
| |
- | <div id="face4"></div>
| |
- | <div id="face5"></div>
| |
- | <div id="face6"></div>
| |
- | <div id="face7"></div>
| |
- | <div id="face8"></div>
| |
- | <div id="face9"></div>
| |
- | <div id="face10"></div>
| |
- | <div id="face11"></div>
| |
- | </div>
| |
- |
| |
- | <div id="teambox">
| |
- | <div id="teamdes">
| |
- | Description
| |
- | </div>
| |
- | <div id="teamnam">
| |
- | Mouse over our faces to find out more...
| |
- | </div>
| |
- | <div id="teamful"></div>
| |
- | </div>
| |
- |
| |
- |
| |
- | </body>
| |
- | </html>
| |