Team:UESTC

From 2013.igem.org

(Difference between revisions)
 
(265 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"/>
-
* img responsive
+
    <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>
-
img{
+
    <style type="text/css">
-
max-width: 100%;
+
        .panel {
-
height: auto;
+
            width:100%;
-
}
+
        }
-
/*
+
    </style>
-
* top style
+
     <!-- javascript for responsive drop menu -->
-
*/
+
    <script type="text/javascript">
-
#top{
+
-
position: fixed;
+
-
right:0px;
+
-
bottom: 0px;
+
-
z-index: 6;
+
-
}
+
-
/*
+
-
* slideshow style
+
-
*/
+
-
.container{
+
-
width:46.1538%;/* 600/1300 */
+
-
height:auto;
+
-
margin: 0 auto;
+
-
}
+
-
#slides {
+
-
      display: none;
+
-
     }
+
-
    #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>
-
    * main info 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>
-
    */
+
        <a href="https://2013.igem.org/Team:UESTC/transpeeder" class="pp">Learn more</a>
-
.article{
+
        <img src="https://static.igem.org/mediawiki/2013/f/f8/UESTC_proj_2.png">
-
position:relative;
+
        </div>
-
padding:5px;
+
     
-
width: 80%;
+
    </div><!-- end of #project -->
-
left: 8%;
+
    <div class="panel" id="main_footer">
-
}
+
        <span id="footer_head">Sponsors</span>
-
.article .proj_info{
+
        <div class="mem_panel" id="thanks_org">
-
font: 0.8em Arial;
+
            <ul class="mem_list">
-
}
+
                <li>
-
/*
+
                    <a href="http://www.oice.uestc.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2013/6/60/UESTC_Sponsor1.jpg" /></a>
-
* main content div style
+
                    <span>UESTC</span>
-
*/
+
                </li>
-
#main{
+
                <li>
-
box-shadow: inset 0 0 10px #000000;
+
                    <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>
-
-moz-box-shadow:inset 0 0 40px #000000;
+
                    <span>Teaching Affairs Office of UESTC</span>
-
-webkit-box-shadow: inset 0 0 40px #000000;
+
                </li>
-
padding-bottom: 50px;
+
                <li>
-
z-index: 10;
+
                  <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>
-
width: 100%;
+
                    <span>School of Life Science and Technology,UESTC</span>
-
position:relative;
+
                </li>
-
top: 0px;
+
            </ul>
-
left:0%;
+
        </div><!-- end of #thanks_org -->
-
}
+
     </div><!--- end of #footer -->
-
@media screen and (max-width: 768px) {
+
</body>
-
#main{
+
-
top: 180px;
+
-
}
+
-
}
+
-
</style>
+
-
 
+
-
</head>
+
-
<body>
+
-
<div id="main">
+
-
<div class="container">
+
-
    <div id="slides">
+
-
    <img src="https://static.igem.org/mediawiki/2013/8/89/Slide1.png" />
+
-
      <img src="https://static.igem.org/mediawiki/2013/7/73/Slide2.jpg" />                        
+
-
      <img src="https://static.igem.org/mediawiki/2013/b/b4/Slide3.jpg" />      
+
-
      <img src="https://static.igem.org/mediawiki/2013/f/fd/Slide4.jpg" />
+
-
    </div>
+
-
      </div><!--end of container-->
+
-
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
+
-
<script src="https://2013.igem.org/Team:UESTC/js/jquery.slides.min.js?action=raw&ctype=text/javascript"></script>
+
-
    <script type="text/javascript">
+
-
    $(function() {
+
-
      $('#slides').slidesjs({
+
-
        width: 600,
+
-
        height: 400,
+
-
        play: {
+
-
          active: true,
+
-
          auto: true,
+
-
          interval: 4000,
+
-
          swap: true
+
-
        }
+
-
      });
+
-
    });
+
-
    </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 id="top">
+
-
<a href="#logo"><img src="https://static.igem.org/mediawiki/2013/c/c3/UESTC_top.png" /></a>
+
-
</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"