Team:UESTC

From 2013.igem.org

(Difference between revisions)
 
(284 intermediate revisions not shown)
Line 1: Line 1:
{{Team:UESTC/hidden}}
{{Team:UESTC/hidden}}
-
{{Team:UESTC/header}}
 
<html>
<html>
-
<head>
+
<head data-gwd-animation-mode="proMode">
-
<style type="text/css">
+
    <title>main</title>
-
/*
+
    <link type="text/css" href="https://2013.igem.org/Team:UESTC/home.css?action=raw&ctype=text/css" rel="stylesheet"/>
-
* slideshow style
+
    <link type="text/css" href="https://2013.igem.org/Team:UESTC/nav.css?action=raw&ctype=text/css" rel="stylesheet"/>
-
*/
+
    <script src="https://2013.igem.org/Team:UESTC/js/libs/modernizr-2.0.6.min.js?action=raw&ctype=text/javascript"></script>
-
.container{
+
    <style type="text/css">
-
width:46.1538%;/* 600/1300 */
+
        .panel {
-
height:auto;
+
            width:100%;
-
margin: 0 auto;
+
        }
-
}
+
    </style>
-
#slides {
+
    <!-- javascript for responsive drop menu -->
-
      display: none;
+
    <script type="text/javascript">
-
    }
+
-
    #slides .slidesjs-navigation {
+
        var _gaq = _gaq || [];
-
      margin-top:5px;
+
        _gaq.push(['_setAccount', 'UA-36212355-2']);
-
    }
+
        _gaq.push(['_trackPageview']);
-
    a.slidesjs-next,
+
        (function () {
-
    a.slidesjs-previous,
+
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-
    a.slidesjs-play,
+
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-
    a.slidesjs-stop {
+
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-
      background-image: url("https://static.igem.org/mediawiki/2013/f/f9/UESTC_btns-next-prev.png");
+
        })();
-
      background-repeat: no-repeat;
+
-
      display:block;
+
-
      width:12px;
+
-
      height:18px;
+
-
      overflow: hidden;
+
-
      text-indent: -9999px;
+
-
      float: left;
+
-
      margin-right:5px;
+
-
    }
+
-
    a.slidesjs-next {
+
        var ww = document.body.clientWidth;
-
      margin-right:10px;
+
-
      background-position: -12px 0;
+
-
    }
+
-
    a:hover.slidesjs-next {
+
        $(document).ready(function () {
-
      background-position: -12px -18px;
+
            $(".nav li a").each(function () {
-
    }
+
                if ($(this).next().length > 0) {
 +
                    $(this).addClass("parent");
 +
                };
 +
            })
-
    a.slidesjs-previous {
+
            $(".toggleMenu").click(function (e) {
-
      background-position: 0 0;
+
                e.preventDefault();
-
    }
+
                $(this).toggleClass("active");
 +
                $(".nav").toggle();
 +
            });
 +
            adjustMenu();
 +
        })
-
    a:hover.slidesjs-previous {
+
        $(window).bind('resize orientationchange', function () {
-
      background-position: 0 -18px;
+
            ww = document.body.clientWidth;
-
    }
+
            adjustMenu();
 +
        });
-
    a.slidesjs-play {
+
        var adjustMenu = function () {
-
      width:15px;
+
            if (ww < 650) {
-
      background-position: -25px 0;
+
                $(".toggleMenu").css("display", "inline-block");
-
    }
+
                if (!$(".toggleMenu").hasClass("active")) {
 +
                    $(".nav").hide();
 +
                } else {
 +
                    $(".nav").show();
 +
                }
 +
                $(".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>
-
    a:hover.slidesjs-play {
+
 
-
      background-position: -25px -18px;
+
</head>
-
    }
+
<body>
-
 
+
     <nav class="panel">
-
     a.slidesjs-stop {
+
        <a class="toggleMenu" href="#">Menu</a>
-
      width:18px;
+
        <ul class="nav">
-
      background-position: -41px 0;
+
<li>
-
    }
+
<a href="https://2013.igem.org/Team:UESTC#" class="active_menu">Home</a>
-
 
+
</li>
-
    a:hover.slidesjs-stop {
+
<li>
-
      background-position: -41px -18px;
+
<a href="#project">Project</a>
-
    }
+
                <ul>
-
 
+
                    <li><a href="https://2013.igem.org/Team:UESTC/nebula">Nebula</a></li>
-
    .slidesjs-pagination {
+
                    <li><a href="https://2013.igem.org/Team:UESTC/transpeeder">Transpeeder</a></li>
-
      margin: 7px 0 0;
+
</ul>
-
      float: right;
+
</li>
-
      list-style: none;
+
<li>
-
    }
+
<a href="https://2013.igem.org/Team:UESTC/team_info">Team Info</a>
-
 
+
</li>
-
    .slidesjs-pagination li {
+
<li>
-
      float: left;
+
<a href="https://2013.igem.org/Team:UESTC/notebook">Notebook</a>
-
      margin: 0 1px;
+
</li>
-
    }
+
<li>
-
 
+
<a href="https://2013.igem.org/Team:UESTC/mf">Medal Fulfillment</a>
-
    .slidesjs-pagination li a {
+
</li>
-
      display: block;
+
<li>
-
      width: 13px;
+
<a href="https://2013.igem.org/Team:UESTC/human_practice">Human Practice</a>
-
      height: 0;
+
</li>
-
      padding-top: 13px;
+
<li>
-
      background-image: url("https://static.igem.org/mediawiki/2013/0/0f/UESTC_pagination.png");
+
<a href="#">Others</a>
-
      background-position: 0 0;
+
<ul>
-
      float: left;
+
<li><a href="https://2013.igem.org/Team:UESTC/safety">Safety</a></li>
-
      overflow: hidden;
+
<li><a href="https://2013.igem.org/Team:UESTC/submission">Submission</a></li>
-
    }
+
</ul>
-
 
+
</li>
-
    .slidesjs-pagination li a.active,
+
</ul><!-- end of .nav ul-->
-
    .slidesjs-pagination li a:hover.active {
+
    </nav>
-
      background-position: 0 -13px
+
    <div class="panel" id="home">
-
    }
+
        <div id="logo" class="gwd-gen-f18lgwdanimation gwd-div-vixx">
-
 
+
            <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>
-
    .slidesjs-pagination li a:hover {
+
            <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>
-
      background-position: 0 -26px
+
        </div><!--end of #logo-->
-
    }
+
        <div class="panel" id="experiment"> <div id="background"></div></div><!-- moving cloud bg-->
-
 
+
        <div id="hi">
-
    #slides a:link,
+
            <p>Hi! We are 2013 iGEM Competition  Software Team UESTC</p>
-
    #slides a:visited {
+
            <p>(University of Electronic Science and Technology of China)</p>
-
      color: #333
+
        </div>
-
    }
+
    </div><!--end of #home-->
-
 
+
    <div class="panel" id="project">
-
    #slides a:hover,
+
        <span>Projects</span>
-
    #slides a:active {
+
        <div id="nebula-show" class="proj_show">
-
      color: #9e2020
+
        <h1>Nebula</h1>
-
    }
+
<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>
-
 
+
<a href="https://2013.igem.org/Team:UESTC/nebula" class="pp">Learn more</a>
-
    .navbar {
+
<img src="https://static.igem.org/mediawiki/2013/e/ee/UESTC_proj_1.jpg">
-
      overflow: hidden
+
        </div>
-
    }
+
        <div id="transpeeder-show" class="proj_show">
-
 
+
        <h1>Transpeeder</h1>
-
</style>
+
        <p class="pp">Transpeeder will help you to control your gene translation velocity by providing you a fast and a slow mutated sequence.</p>
-
</head>
+
        <a href="https://2013.igem.org/Team:UESTC/transpeeder" class="pp">Learn more</a>
-
<body>
+
        <img src="https://static.igem.org/mediawiki/2013/f/f8/UESTC_proj_2.png">
-
<div id="main">
+
        </div>
-
<div class="container">
+
     
-
    <div id="slides">
+
    </div><!-- end of #project -->
-
    <img src="https://static.igem.org/mediawiki/2013/8/89/Slide1.png" />
+
    <div class="panel" id="main_footer">
-
      <img src="https://static.igem.org/mediawiki/2013/7/73/Slide2.jpg" />                        
+
        <span id="footer_head">Sponsors</span>
-
      <img src="https://static.igem.org/mediawiki/2013/b/b4/Slide3.jpg" />      
+
        <div class="mem_panel" id="thanks_org">
-
      <img src="https://static.igem.org/mediawiki/2013/f/fd/Slide4.jpg" />
+
            <ul class="mem_list">
-
    </div>
+
                <li>
-
      </div><!--end of container-->
+
                    <a href="http://www.oice.uestc.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2013/6/60/UESTC_Sponsor1.jpg" /></a>
-
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
+
                    <span>UESTC</span>
-
<script src="https://2013.igem.org/Team:UESTC/js/jquery.slides.min.js?action=raw&ctype=text/javascript"></script>
+
                </li>
-
    <script type="text/javascript">
+
                <li>
-
    $(function() {
+
                    <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>
-
      $('#slides').slidesjs({
+
                    <span>Teaching Affairs Office of UESTC</span>
-
        width: 600,
+
                </li>
-
        height: 400,
+
                <li>
-
        play: {
+
                  <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>
-
          active: true,
+
                    <span>School of Life Science and Technology,UESTC</span>
-
          auto: true,
+
                </li>
-
          interval: 4000,
+
            </ul>
-
          swap: true
+
        </div><!-- end of #thanks_org -->
-
        }
+
     </div><!--- end of #footer -->
-
      });
+
</body>
-
    });
+
-
    </script>
+
-
    <div id="hello">
+
-
    <p>Hi there, We are 2013 iGEM Competition  Software Team UESTC(University of Eelctronic Science and Technology of China). Our team is composed of 3 instructors, 2 advisors, 8 student members from different schools. We have accomplished several projects including...
+
-
</p>
+
-
    </div>
+
-
    <div id="project1" class="article">
+
-
    <div id="pro1_logo"></div>
+
-
    <div class="proj_info">
+
-
    <h3>Blueprinting</h3>
+
-
    <p>Bla bla bla bla blabla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla       
+
-
    </p>
+
-
    </div>
+
-
    </div>
+
-
    <div id="project2" class="article">
+
-
    <div id="pro2_logo"></div>
+
-
    <div class="proj_info">
+
-
    <h3>Transpeeder</h3>
+
-
    <p>Bla bla bla bla blabla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla     
+
-
        </p>
+
-
    </div>
+
-
    </div>
+
-
    <div id="project3" class="article">
+
-
    <div id="pro3_logo"></div>
+
-
    <div class="proj_info">
+
-
    <h3>iBiobrick</h3>
+
-
    <p>Bla bla bla bla blabla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla    bla bla bla bla     
+
-
      </p>
+
-
    </div>
+
-
    </div>
+
-
</div>
+
-
     <!--end of #main-->
+
-
    </body>
+
</html>
</html>
-
{{Team:UESTC/footer}}
 

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"