Team:UESTC

From 2013.igem.org

(Difference between revisions)
 
(313 intermediate revisions not shown)
Line 1: Line 1:
-
<!doctype html>
+
{{Team:UESTC/hidden}}
-
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+
<html>
-
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
+
<head data-gwd-animation-mode="proMode">
-
<!--[if IE 7]>   <html class="no-js ie7 oldie" lang="en"> <![endif]-->
+
    <title>main</title>
-
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
+
    <link type="text/css" href="https://2013.igem.org/Team:UESTC/home.css?action=raw&ctype=text/css" rel="stylesheet"/>
-
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
+
    <link type="text/css" href="https://2013.igem.org/Team:UESTC/nav.css?action=raw&ctype=text/css" rel="stylesheet"/>
-
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+
    <script src="https://2013.igem.org/Team:UESTC/js/libs/modernizr-2.0.6.min.js?action=raw&ctype=text/javascript"></script>
-
<head>
+
    <style type="text/css">
-
  <meta charset="utf-8">
+
        .panel {
 +
            width:100%;
 +
        }
 +
    </style>
 +
    <!-- javascript for responsive drop menu -->
 +
    <script type="text/javascript">
-
  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
+
        var _gaq = _gaq || [];
-
      More info: h5bp.com/b/378 -->
+
        _gaq.push(['_setAccount', 'UA-36212355-2']);
-
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
        _gaq.push(['_trackPageview']);
-
  <title>UESTC Team</title>
+
        (function () {
-
  <meta name="description" content="2013 iGEM UESTC Software Team Wiki">
+
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-
  <meta name="author" content="xue yang <xueeinstein@gmail.com>">
+
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
        })();
-
  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
+
        var ww = document.body.clientWidth;
-
  <meta name="viewport" content="width=device-width,initial-scale=1">
+
-
  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
+
        $(document).ready(function () {
 +
            $(".nav li a").each(function () {
 +
                if ($(this).next().length > 0) {
 +
                    $(this).addClass("parent");
 +
                };
 +
            })
-
  <!-- CSS: implied media=all -->
+
            $(".toggleMenu").click(function (e) {
-
  <!-- CSS concatenated and minified via ant build script-->
+
                e.preventDefault();
-
  <link rel="stylesheet" href="https://2013.igem.org/Team:UESTC/css/style.css?action=raw&ctype=text/css">
+
                $(this).toggleClass("active");
-
  <!-- end CSS-->
+
                $(".nav").toggle();
 +
            });
 +
            adjustMenu();
 +
        })
-
  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
+
        $(window).bind('resize orientationchange', function () {
 +
            ww = document.body.clientWidth;
 +
            adjustMenu();
 +
        });
-
  <!-- All JavaScript at the bottom, except for Modernizr / Respond.
+
        var adjustMenu = function () {
-
      Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
+
            if (ww < 650) {
-
      For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
+
                $(".toggleMenu").css("display", "inline-block");
-
  <script src="js/libs/modernizr-2.0.6.min.js"></script>
+
                if (!$(".toggleMenu").hasClass("active")) {
-
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
+
                    $(".nav").hide();
-
  <script type="text/javascript" src="https://2013.igem.org/Team:UESTC/js/jquery.jDiaporama.js?action=raw&ctype=text/javascript"></script>
+
                } else {
-
  <script type="text/javascript">
+
                    $(".nav").show();
-
$(document).ready(function(){
+
                }
 +
                $(".nav li").unbind('mouseenter mouseleave');
 +
                $(".nav li a.parent").unbind('click').bind('click', function (e) {
 +
                    // must be attached to anchor element to prevent bubbling
 +
                    e.preventDefault();
 +
                    $(this).parent("li").toggleClass("hover");
 +
                });
 +
            }
 +
            else if (ww >= 650) {
 +
                $(".toggleMenu").css("display", "none");
 +
                $(".nav").show();
 +
                $(".nav li").removeClass("hover");
 +
                $(".nav li a").unbind('click');
 +
                $(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function () {
 +
                    // must be attached to li so that mouseleave is not triggered when hover over submenu
 +
                    $(this).toggleClass('hover');
 +
                });
 +
            }
 +
        }
 +
    </script>
-
$(".diaporama1").jDiaporama({
+
 
-
animationSpeed: "slow",
+
-
delay:2
+
-
});
+
-
 
+
-
});
+
-
</script>
+
</head>
</head>
-
 
<body>
<body>
-
 
+
    <nav class="panel">
-
  <div id="container">
+
        <a class="toggleMenu" href="#">Menu</a>
-
 
+
        <ul class="nav">
-
    <header>
+
-
<div id="logo"><img src="https://static.igem.org/mediawiki/2013/7/70/Uestc_logo.png"/></div>
+
-
<nav>
+
-
  <ul id="nav">
+
<li>
<li>
-
<a href="https://2013.igem.org/Team:UESTC">Home</a>
+
<a href="https://2013.igem.org/Team:UESTC#" class="active_menu">Home</a>
-
</li>
+
-
<li>
+
-
<a href="https://2013.igem.org/Team:UESTC/team_info.html">Team Info</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/team_info.html#greeting">Greetings</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/team_info.html#member">Member</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/team_info.html#contact">Contact Us</a></li>
+
-
</ul>
+
</li>
</li>
<li>  
<li>  
-
<a href="https://2013.igem.org/Team:UESTC/project.html">Project</a>
+
<a href="#project">Project</a>
-
    <ul>
+
                <ul>
-
    <li><a href="https://2013.igem.org/Team:UESTC/project.html#overview">Overview</a></li>
+
                    <li><a href="https://2013.igem.org/Team:UESTC/nebula">Nebula</a></li>
-
    <li>
+
                    <li><a href="https://2013.igem.org/Team:UESTC/transpeeder">Transpeeder</a></li>
-
<a href="https://2013.igem.org/Team:UESTC/Attributions.html">Attributions</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/Attributions.html#Academic Reference">Academic Reference</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/Attributions.html#Material Source">Material Source</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#project1">Blueprinting</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#project2">Transpeeder</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#project3">iBiobrick</a></li>
+
</ul>
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:UESTC/team_info">Team Info</a>
</li>
</li>
<li>  
<li>  
-
<a href="https://2013.igem.org/Team:UESTC/project.html">Notebook</a>
+
<a href="https://2013.igem.org/Team:UESTC/notebook">Notebook</a>
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#minutes">Minutes</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#photo">Photos</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#video">Videos</a></li>
+
-
</ul>
+
</li>
</li>
<li>
<li>
-
<a href="https://2013.igem.org/Team:UESTC/Medal Fufillment.html">Medal Fufillment</a>
+
<a href="https://2013.igem.org/Team:UESTC/mf">Medal Fulfillment</a>
</li>
</li>
-
 
<li>
<li>
-
<a href="https://2013.igem.org/Team:UESTC/human practice.html">Human Practice</a>
+
<a href="https://2013.igem.org/Team:UESTC/human_practice">Human Practice</a>
</li>
</li>
-
  </ul>
+
<li>
-
</nav>
+
<a href="#">Others</a>
-
    </header>
+
<ul>
-
    <div id="main" role="main">
+
<li><a href="https://2013.igem.org/Team:UESTC/safety">Safety</a></li>
-
<div id="slideshow">
+
<li><a href="https://2013.igem.org/Team:UESTC/submission">Submission</a></li>
-
    <ul class="diaporama1">
+
</ul>
-
    <li>
+
</li>
-
    <div class="info">
+
</ul><!-- end of .nav ul-->
-
    <a href="#"><img src="./img/slide1.png" alt="Blueprinting"/></a>
+
    </nav>
-
   
+
    <div class="panel" id="home">
-
    </div>
+
        <div id="logo" class="gwd-gen-f18lgwdanimation gwd-div-vixx">
-
    </li>
+
            <a href="https://2013.igem.org/Team:UESTC"><img id="team_logo" src="https://static.igem.org/mediawiki/2013/a/aa/UESTC_logo2.png"/></a>
-
    <li>
+
            <a href="https://2013.igem.org/Main_Page" target="_blank"><img id="igem_logo" src="https://static.igem.org/mediawiki/2013/3/3a/UESTC_igemlogo1.png" /></a>
-
    <a href="#"><img src="./img/slide2.jpg" alt="Transpeeder"/></a>
+
        </div><!--end of #logo-->
-
    <div class="info">
+
        <div class="panel" id="experiment"> <div id="background"></div></div><!-- moving cloud bg-->
-
    </div>
+
        <div id="hi">
-
    </li>
+
            <p>Hi! We are 2013 iGEM Competition Software Team UESTC</p>
-
    <li>
+
            <p>(University of Electronic Science and Technology of China)</p>
-
    <a href="#"><img src="./img/slide3.jpg" alt="Game: iBiobrick"/></a>
+
        </div>
-
    <div class="info">
+
     </div><!--end of #home-->
-
    </div>
+
     <div class="panel" id="project">
-
    </li>
+
        <span>Projects</span>
-
    <li>
+
        <div id="nebula-show" class="proj_show">
-
    <a href="#"><img src="./img/slide4.jpg" alt="Our Team"/></a>
+
        <h1>Nebula</h1>
-
    <div class="info">
+
<p class="pp">Nebula (Network of Elaborated Biobricks based on User Locating and Automation) is a biological circuit design tool composed of Auto Mode & Manual Mode.</p>
-
    </div>
+
<a href="https://2013.igem.org/Team:UESTC/nebula" class="pp">Learn more</a>
-
    </li>
+
<img src="https://static.igem.org/mediawiki/2013/e/ee/UESTC_proj_1.jpg">
-
    </ul>
+
        </div>
-
    </div>
+
        <div id="transpeeder-show" class="proj_show">
-
<div class="overview">
+
        <h1>Transpeeder</h1>
-
<p>Hi there, We are 2013 iGEM Competition Team UESTC</p>
+
        <p class="pp">Transpeeder will help you to control your gene translation velocity by providing you a fast and a slow mutated sequence.</p>
-
</div>
+
        <a href="https://2013.igem.org/Team:UESTC/transpeeder" class="pp">Learn more</a>
-
<div class="article">
+
        <img src="https://static.igem.org/mediawiki/2013/f/f8/UESTC_proj_2.png">
-
<h3></h3>
+
        </div>
-
</div>
+
     
-
     </div><!--! end of #main-->
+
    </div><!-- end of #project -->
-
     <footer>
+
    <div class="panel" id="main_footer">
-
    <h3>Sponsor</h3>
+
        <span id="footer_head">Sponsors</span>
-
    <div></div>
+
        <div class="mem_panel" id="thanks_org">
-
+
            <ul class="mem_list">
-
    </footer>
+
                <li>
-
 
+
                    <a href="http://www.oice.uestc.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2013/6/60/UESTC_Sponsor1.jpg" /></a>
-
  </div> <!--! end of #container -->
+
                    <span>UESTC</span>
-
<div id="experiment">
+
                </li>
-
    <div id="background"></div>
+
                <li>
-
  </div>
+
                    <a href="http://www.oice.uestc.edu.cn/en/index.php?m=content&c=index&a=lists&catid=118"><img src="https://static.igem.org/mediawiki/2013/f/f9/UESTC_Sponsor2.jpg" /></a>
-
 
+
                    <span>Teaching Affairs Office of UESTC</span>
-
  <!-- JavaScript at the bottom for fast page loading -->
+
                </li>
-
 
+
                <li>
-
  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
+
                  <a href="http://www.oice.uestc.edu.cn/en/index.php?m=content&c=index&a=show&catid=117&id=17"><img src="https://static.igem.org/mediawiki/2013/4/42/UESTC_Sponsor3.jpg" /></a>
-
 
+
                    <span>School of Life Science and Technology,UESTC</span>
-
 
+
                </li>
-
 
+
            </ul>
-
  <!-- scripts concatenated and minified via ant build script-->
+
        </div><!-- end of #thanks_org -->
-
  <script defer src="js/plugins.js"></script>
+
    </div><!--- end of #footer -->
-
  <script defer src="js/script.js"></script>
+
-
  <!-- end scripts-->
+
-
 
+
-
+
-
  <!-- Change UA-XXXXX-X to be your site's ID -->
+
-
  <script>
+
-
    window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
+
-
    Modernizr.load({
+
-
      load: 'http:'+('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
+
-
    });
+
-
  </script>
+
-
 
+
-
 
+
-
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
+
-
      chromium.org/developers/how-tos/chrome-frame-getting-started -->
+
-
  <!--[if lt IE 7 ]>
+
-
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
+
-
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
+
-
  <![endif]-->
+
-
 
+
</body>
</body>
</html>
</html>

Latest revision as of 13:37, 28 October 2013

hidde original style

Hello,welcome to visit our Wiki, for better view, please use chrome, firefox, safari .etc modern browser.

main

Hi! We are 2013 iGEM Competition Software Team UESTC

(University of Electronic Science and Technology of China)

Projects

Nebula

Nebula (Network of Elaborated Biobricks based on User Locating and Automation) is a biological circuit design tool composed of Auto Mode & Manual Mode.

Learn more

Transpeeder

Transpeeder will help you to control your gene translation velocity by providing you a fast and a slow mutated sequence.

Learn more

Retrieved from "http://2013.igem.org/Team:UESTC"