Team:UESTC

From 2013.igem.org

(Difference between revisions)
 
(210 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:61.538%;/* 800/1300 */
+
-
height:auto;
+
-
margin: 0 auto;
+
-
}
+
-
#slides {
+
-
      display: none;
+
-
      padding:5px;
+
-
     }
+
-
    #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>
-
* content 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>
-
#hello{
+
        <img src="https://static.igem.org/mediawiki/2013/f/f8/UESTC_proj_2.png">
-
position:relative;
+
        </div>
-
width:57%;
+
     
-
padding:20px;
+
    </div><!-- end of #project -->
-
height: auto;
+
    <div class="panel" id="main_footer">
-
font: bold 0.9em Arial;
+
        <span id="footer_head">Sponsors</span>
-
left: 20%;
+
        <div class="mem_panel" id="thanks_org">
-
}
+
            <ul class="mem_list">
-
    /*
+
                <li>
-
    * main info style
+
                    <a href="http://www.oice.uestc.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2013/6/60/UESTC_Sponsor1.jpg" /></a>
-
    */
+
                    <span>UESTC</span>
-
.article{
+
                </li>
-
position:relative;
+
                <li>
-
padding:0px;
+
                    <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>
-
margin:5px;
+
                    <span>Teaching Affairs Office of UESTC</span>
-
width: 58%;
+
                </li>
-
left: 20%;
+
                <li>
-
height: auto;
+
                  <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>
-
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+
                    <span>School of Life Science and Technology,UESTC</span>
-
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
+
                </li>
-
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 92%, rgba(255,255,255,0) 100%); /* FF3.6+ */
+
            </ul>
-
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(92%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
+
        </div><!-- end of #thanks_org -->
-
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
+
     </div><!--- end of #footer -->
-
background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
+
</body>
-
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* IE10+ */
+
-
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
+
-
 
+
-
}
+
-
.see_more a{
+
-
color: white;
+
-
}
+
-
.see_more a{
+
-
text-decoration: none;
+
-
}
+
-
.see_more{
+
-
font:0.5em Arial;
+
-
color:white;
+
-
text-decoration: none;
+
-
background-color:#b01c20;
+
-
border-radius:3px;
+
-
width:auto;
+
-
position:relative;
+
-
top: 174px;
+
-
right:0px;
+
-
padding: 1%;
+
-
float: left;
+
-
background: -moz-linear-gradient(top, rgb(241,92,96) 0%, rgb(176,28,32) 100%);
+
-
background: -webkit-linear-gradient(top, rgb(241,92,96) 0%,rgb(176,28,32) 100%);
+
-
box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
+
-
text-shadow: 0px 1px black;
+
-
border: 1px solid #bfbfbf;
+
-
-webkit-transition-property: border, color, text-shadow;
+
-
-webkit-transition-duration: 2s, 3s, 8s;
+
-
}
+
-
.see_more :hover{
+
-
color: black;
+
-
text-shadow: 0px 1px white;
+
-
text-decoration:none;
+
-
}
+
-
    .proj_info{
+
-
font: 0.8em Arial;
+
-
position: relative;
+
-
float: right;
+
-
width: 80%;
+
-
top: 0px;
+
-
}
+
-
.proj_info a{
+
-
font: bold 1.5em Arial;
+
-
color:black;
+
-
text-shadow: 0 2px 0 hsla(0,0%,100%,0.75);
+
-
}
+
-
.proj_info a:hover{
+
-
text-decoration: none;
+
-
-webkit-animation: warning 1.5s infinite ease-in;
+
-
}
+
-
.proj_logo{
+
-
position:relative;
+
-
float:left;
+
-
width:10%;
+
-
height: auto;
+
-
top: 0px;
+
-
left: 0%;
+
-
}
+
-
#project1{
+
-
height: 200px;
+
-
padding:10px;
+
-
 
+
-
}
+
-
#project2{
+
-
height:200px;
+
-
padding: 10px;
+
-
box-shadow: 0px 3px 5px #444444;
+
-
-webkit-box-shadow: 0px 3px 5px #444444;
+
-
-moz-box-shadow:0px 3px 5px #444444;
+
-
}
+
-
#project3{
+
-
height: 230px;
+
-
padding: 10px;
+
-
}
+
-
/*
+
-
* main content div style
+
-
*/
+
-
#main{
+
-
box-shadow: inset 0 0 10px #000000;
+
-
-moz-box-shadow:inset 0 0 40px #000000;
+
-
-webkit-box-shadow: inset 0 0 40px #000000;
+
-
padding-bottom: 50px;
+
-
z-index: 10;
+
-
width: 100%;
+
-
height:auto;
+
-
position:relative;
+
-
top: 0px;
+
-
left:0%;
+
-
}
+
-
@media screen and (max-width: 768px) {
+
-
#main{
+
-
top: 180px;
+
-
height: auto;
+
-
}
+
-
.article{
+
-
width:100%;
+
-
left: 0%;
+
-
}
+
-
}/*
+
-
  * CSS3 animation
+
-
  */
+
-
@-webkit-keyframes warning {
+
-
from {
+
-
text-shadow: 0px 0px 4px #000000;
+
-
}
+
-
50% {
+
-
text-shadow: 0 0 40px #000000;
+
-
}
+
-
to {
+
-
text-shadow: 0 0 4px #000000;
+
-
}
+
-
}
+
-
 
+
-
</style>
+
-
<!--[if gte IE 9]>
+
-
  <style type="text/css">
+
-
    .gradient {
+
-
      filter: none;
+
-
    }
+
-
  </style>
+
-
<![endif]-->
+
-
</head>
+
-
<body>
+
-
<div id="main">
+
-
<div class="container">
+
-
    <div id="slides">
+
-
    <img src="https://static.igem.org/mediawiki/2013/1/14/Uestc_blueprint.jpg" />
+
-
      <img src="https://static.igem.org/mediawiki/2013/b/bb/Uestc_transpeeder.jpg" />                        
+
-
      <img src="https://static.igem.org/mediawiki/2013/5/5f/Uestc_ibricks.jpg" />      
+
-
      <img src="https://static.igem.org/mediawiki/2013/1/11/Uestc_team.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: 800,
+
-
        height: 450,
+
-
        play: {
+
-
          active: true,
+
-
          auto: true,
+
-
          interval: 4000,
+
-
          swap: true
+
-
        }
+
-
      });
+
-
    });
+
-
    </script>
+
-
    <div id="hello" class="article">
+
-
    <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 class="proj_logo"><img src="https://static.igem.org/mediawiki/2013/4/4c/Uestc_logo_blueprint.png" /></div>
+
-
    <div class="proj_info">
+
-
    <a href="https://2013.igem.org/Team:UESTC/project.html#project1">Blueprint</a>
+
-
    <p>No matter who you are, a scientist proficient in synthetic biology or a greenhand who only cares about output, Blueprint is your best choice. Two major parts are provided: Interactive part & Automatic part. In the first part, you are free to get what you want linking any parts we provide. But you have to make sense, of course. In the second part, the only thing you need to do is to determine the inducer and the output. Then, you can sit back and wait for our software to provide you with the optimized circuit. Wow!</p>
+
-
    </div>
+
-
    <div class="see_more"><a href="#">More</a></div>
+
-
    </div>
+
-
    <div id="project2" class="article">
+
-
    <div class="proj_logo"><img src="https://static.igem.org/mediawiki/2013/8/8f/Uestc_logo_transpeeder.jpg" /></div>
+
-
    <div class="proj_info">
+
-
    <a href="https://2013.igem.org/Team:UESTC/project.html#project2">Transpeeder</a>
+
-
    <p>The satisfying amino acid or nucleic acid sequences that the user submitted will be compared to the chosen CD sequences by ClustalW, the sequence which has highest similarity with SD sequences are defined as the slow-translating sequence, on the contrary, the one which has lowest similarity with SD sequences are defined as the fast-translating sequence.</p>
+
-
    </div>
+
-
    <div class="see_more"><a href="#">More</a></div>
+
-
    </div>
+
-
    <div id="project3" class="article">
+
-
    <div class="proj_logo"><img src="https://static.igem.org/mediawiki/2013/e/e9/Uestc_logo_iBiobricks.jpg" /></div>
+
-
    <div class="proj_info">
+
-
    <a href="https://2013.igem.org/Team:UESTC/project.html#project3">iBricks</a>
+
-
    <p> iBricks is an iphone game concerning synthetic biology.
+
-
  In this game, what you need to do is to synthesize protein to compound a cell.
+
-
  You are provided with several basic parts to synthesize protein.
+
-
  Once you accomplish combining these parts into a circuit, you will enter into transcription process, during which phage will continuously attack your circuit.
+
-
  To protect it, you can press on these phages to kill them.
+
-
  You can also utilize several tools to eliminate phages with higher efficiency.
+
-
  After successfully synthesizing the protein, you can get new parts that increase the possibility of successfully synthesizing proteins.
+
-
  With several synthesized proteins, you can accomplish the goal of synthesizing a complete cell.</p>
+
-
    </div>
+
-
    <div class="see_more"><a href="#">More</a></div>
+
-
    </div>
+
-
    <div id="top">
+
-
<a href="#"><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"