Template:Team:Newcastle

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
var toggleSpeed = 150;
+
<html>
 +
<head>
 +
        <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Newcastle/CSS/main_design?action=raw&ctype=text/css">
 +
        <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Newcastle/CSS/col_layout?action=raw&ctype=text/css">
 +
        <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Newcastle/CSS/carousel?action=raw&ctype=text/css">
 +
        <link href="http://fonts.googleapis.com/css?family=Finger+Paint|Quando|Oregano" rel="stylesheet" type="text/css">
 +
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
 +
        <script src="https://2013.igem.org/Team:Newcastle/script/javascript.js?action=raw" type="text/javascript"> </script>
-
var current_display = 'main';
+
        <!--<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>-->
 +
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
-
var cur_main_display = 1;
+
        <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Newcastle/CSS/shThemeDefault?action=raw&ctype=text/css" />
 +
        <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Newcastle/CSS/shCore?action=raw&ctype=text/css" />
-
var leaveFeedOpen = false;
+
        <script type="text/javascript" src="https://2013.igem.org/Team:Newcastle/script/shCore.js?action=raw"></script>
 +
        <script type="text/javascript" src="https://2013.igem.org/Team:Newcastle/script/shBrushMatlab.js?action=raw"> </script>
-
var firstTimeOpened = true;
+
</head>
 +
<body>
 +
    <div>
 +
    <div id="pop_up">
 +
        <div id="pop_up_underlay">
 +
              &nbsp;
 +
        </div>
 +
        <div id="pop_up_display">
 +
            <div id="pop_up_close">X</div>
 +
              <div id="pop_up_content">
 +
                      &nbsp;
 +
              </div>
 +
        </div>
 +
    </div>
 +
    <div id="title_bar" class="grid_12">
 +
            <img src="https://static.igem.org/mediawiki/2013/4/4d/Newcastle_Wiki_Header_Small.png" usemap="#igem">
 +
              <map name="igem">
 +
<area shape="rect" coords="700,0,800,65" href="https://igem.org/Main_Page" alt="IGEM" target="_blank">
 +
<area shape="rect" coords="0,0,700,180" href="https://2013.igem.org/Team:Newcastle" alt="Home">
 +
<area shape="rect" coords="700,65,940,180" href="http://www.ncl.ac.uk/" alt="Newcastle University" target="_blank">
-
var cur_content = "";
+
</map>
-
 
+
-
var mode = "temp";
+
    </div>
-
 
+
    <div class="menu" class="grid_12">
-
var tocLeft = "";
+
        <ul class="top_menu" style = "margin-left:10px" >
-
 
+
            <li><a href="https://2013.igem.org/Team:Newcastle">Home</a></li>
-
var tocTopPerm = "";
+
            <li>
-
 
+
                <a href="#" onclick="return false;">Team</a>
-
$(function(){
+
                <ul>
-
   
+
                    <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Newcastle" target="_blank">Official Profile</a></li>
-
    //alert(msg);
+
                    <li><a href="/Team:Newcastle/Team">Individual Profiles</a></li>
-
    /*
+
                </ul>
-
    var loop1,
+
            </li>
-
    c1 = 0;
+
            <li>
-
    var loop2,
+
                <a href="#" onclick="return false;">Project</a>
-
    c2 = 0;
+
                <ul>
-
    var loop3,
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Project">Overview</a></li>
-
    c3 = 0;
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Project/L_forms">L-forms</a></li>
-
    var loop4,
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Project/shuffling_endosymbiosis">Genome Shuffling</a></li>
-
    c4 = 0;
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Project/plants">L-forms in Plants</a></li>
-
    /*
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Project/shape_shifting">Shape Shifting</a></li>
-
    $('.box_2').on('mouseenter mouseleave', function( e ){
+
                </ul>
-
      if( e.type=='mouseleave' ){
+
            </li>
-
        clearInterval( loop1 );
+
            <li>
-
      }else{
+
                <a href="#" onclick="return false;">Parts</a>
-
        loop1 = setInterval(function(){       
+
                <ul>
-
            $('.box_2 .slice').css({transform: "rotate("+ ( (++c1) % 360 ) +"deg)"});               
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Parts/l_form_switch">L-form Switch</a></li>
-
        },30); 
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Parts/HBsu-fp">HBsu-xFP</a></li>
-
      }
+
                </ul>
-
    });
+
             </li>
-
   
+
             <li>
-
    $('.box_3').on('mouseenter mouseleave', function( e ){
+
                <a href="#" onclick="return false;">Models</a>
-
      if( e.type=='mouseleave' ){
+
                <ul>
-
        clearInterval( loop2 );
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Modelling/Introduction">Introduction</a></li>
-
      }else{
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Modelling/BioNetGen">BioNetGen</a></li>
-
        loop2 = setInterval(function(){       
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Modelling/CellShapeModel">Cell Shape Model</a><li>
-
            $('.box_3 .slice').css({transform: "rotate("+ ( (++c2 * -1) % 360 ) +"deg)"});               
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Modelling/Cell_Fusion">Cell Fusion</a></li>
-
        },30); 
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Modelling/Hbsu_Fusion_Protein">Hbsu-xFP</a></li>
-
      }
+
                </ul>
-
    });
+
            </li>
-
   
+
            <li>
-
    $('.box_4').on('mouseenter mouseleave', function( e ){
+
                <a href="#" onclick="return false;">Notebook</a>
-
      if( e.type=='mouseleave' ){
+
                <ul>
-
        clearInterval( loop3 );
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Notebook/achievements">Achievements</a></li>
-
      }else{
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Notebook/timeline">Timeline</a></li>
-
        loop3 = setInterval(function(){       
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Notebook/calendar">Calendar</a></li>
-
            $('.box_4 .slice').css({transform: "rotate("+ ( (++c3 * 1) % 360 ) +"deg)"});               
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Notebook/protocols">Protocols</a></li>
-
        },30); 
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Notebook/agenda">Meetings</a></li>
-
      }
+
                </ul>
-
    });
+
             </li>
-
   
+
             <li>
-
    $('.box_5').on('mouseenter mouseleave', function( e ){
+
                 <a href="#" onclick="return false;">Implications</a>
-
      if( e.type=='mouseleave' ){
+
                 <ul>
-
        clearInterval( loop4 );
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Outreach/Overview">Overview</a></li>
-
      }else{
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Outreach/BioGame">BioGame</a></li>
-
        loop4 = setInterval(function(){       
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Outreach/uk_meet">YSB 1.0</a></li>
-
            $('.box_5 .slice').css({transform: "rotate("+ ( (++c4 * -1) % 360 ) +"deg)"});               
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Outreach/Workshop">Modelling Workshop</a></li>
-
        },30); 
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Outreach/Architecture">Architecture Workshop</a></li>
-
      }
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/HP/Safety">Safety</a></li>
-
    });
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/HP/Synthetic_Bio">Synthetic Biology</a></li>
-
    */
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/HP/Ethics">Ethics</a></li>
-
    /*
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/HP/Law">Law</a></li>
-
    var agentStr = navigator.userAgent;
+
                </ul>
-
    if (agentStr.indexOf("Trident/5.0") > -1) {
+
            </li>
-
        if (agentStr.indexOf("MSIE 7.0") > -1)
+
            <li>
-
             mode = "Compatibility View";
+
                <a href="#" onclick="return false;">Attributions</a>
-
        else
+
                <ul>
-
             mode = "IE9";
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Collaborations">Collaborations</a></li>
-
    }
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Attributions">Acknowledgments</a></li>
-
    else if (agentStr.indexOf("Trident/4.0") > -1) {
+
                    <li><a href="https://2013.igem.org/Team:Newcastle/Sponsors">Sponsors</a></li>
-
        if (agentStr.indexOf("MSIE 7.0") > -1)
+
                </ul>
-
            mode = "Compatibility View";
+
             </li>
-
        else
+
             <li><a href="https://2013.igem.org/Team:Newcastle/Architecture">Architecture</a></li>
-
            mode = "IE8";
+
            <li><a href="https://2013.igem.org/Main_Page">iGEM</a></li>
-
    }
+
        </ul>
-
    else
+
        </ul>
-
        mode = "IE7";
+
     </div>
-
    */
+
</body>
-
    // Code for organising pages into viewable
+
</html>
-
   
+
-
    // Strip the hash
+
-
    var href = (location.href).split("#");
+
-
   
+
-
    // Split the components
+
-
    var url = href[0].split("/");
+
-
   
+
-
    // Check that you're not on the calendar and that you're not in Compatibility View
+
-
    if(url[url.length - 1] != "calendar" && url[url.length - 1] != "Team:Newcastle")// && mode != "Compatibility View")
+
-
    {
+
-
        alert(url[url.length - 1]);
+
-
        ParsePage(location.hash);
+
-
   
+
-
        $(window).scroll( function(e){
+
-
           
+
-
            var windowTop = $(window).scrollTop();
+
-
            var tocTop = $('#toc').offset().top;
+
-
            var contentTop = $('#page_content').offset().top - 10;
+
-
            //alert(windowTop);
+
-
           
+
-
             if(windowTop > contentTop)
+
-
             {
+
-
                 $('#toc').css({'position': 'fixed',
+
-
                              'top': '5px',
+
-
                              'left':tocLeft});
+
-
            } else
+
-
            {
+
-
                 $('#toc').css({'position': 'relative',
+
-
                              'top': '0px',
+
-
                              'left': '0px'});
+
-
            }
+
-
        });
+
-
    }
+
-
   
+
-
    $('.top_menu li').hover(function(){
+
-
        $(this).find('ul').slideDown(toggleSpeed);
+
-
    }, function(){
+
-
        $(this).find('ul').slideUp(toggleSpeed);
+
-
    });
+
-
   
+
-
    $('#image_display .proj_box, #image_display .image_box').hover(function(){
+
-
        $(this).find('.display_image').hide();
+
-
        $(this).find('.under_text').show();
+
-
    }, function(){
+
-
        $(this).find('.display_image').show();
+
-
        if(!($(this).hasClass('box_1')))
+
-
            $(this).find('.under_text').hide();
+
-
    });
+
-
   
+
-
    // Event handlers for closing the pop up box. Individual actions taken by a page must be created in that page's JQuery
+
-
    $('#pop_up #pop_up_close').click(function(){
+
-
        $('#pop_up').fadeOut();
+
-
    });
+
-
   
+
-
    $('#pop_up #pop_up_underlay').click(function(){
+
-
        $('#pop_up').fadeOut();
+
-
    });
+
-
    /*
+
-
    if(mode != "Compatibility View")
+
-
    {
+
-
        $('.toclevel-2').click(function(){
+
-
           
+
-
            var href = $(this).children('a').attr('href');
+
-
           
+
-
            $('#toc').find('a[href="' + cur_content + '"]').toggleClass('active');
+
-
            $('#bodyContent').find(cur_content + '_section').hide();
+
-
            $('#bodyContent').find(href + '_section').show();
+
-
              
+
-
             cur_content = href;
+
-
        });
+
-
    }*/
+
-
});
+
-
 
+
-
function ParsePage(hash)
+
-
{
+
-
    //('<div id="content">').insertAfter('#toc');
+
-
    $('#toc').nextUntil('#logos').addClass("temp_for_wrap");
+
-
    $('.temp_for_wrap').wrapAll('<div id="page_content">');
+
-
   
+
-
     tocLeft = $('#toc').offset().left - 10;
+
-
    tocTopPerm = $('#toc').offset().top - $(window).scrollTop();
+
-
}
+

Revision as of 20:29, 1 October 2013

 
X
 
IGEM Home Newcastle University