|
|
| (28 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html> | + | {{:Team:Shenzhen_BGIC_0101/Templates/Header}} |
| | + | |
| | + | <html lang="en"> |
| | <head> | | <head> |
| - | <!-- iGem wiki hacks --> | + | <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css/frontpagecss?action=raw&ctype=text/css" /> |
| - | <!-- Remove all empty <p> tags -->
| + | <script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/frontpagemin?action=raw&ctype=text/js"></script> |
| - | <script type="text/javascript">
| + | <script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/frontpage-bambam?action=raw&ctype=text/js"></script> |
| - | $(document).ready(function() {
| + | <script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/frontpageroundaboutam?action=raw&ctype=text/js"></script> |
| - | $("p").filter( function() {
| + | <script type="text/css"> |
| - | return $.trim($(this).html()) == '';
| + | </script> |
| - | }).remove();
| + | </head> |
| - | });
| + | <body id="bambam"> |
| - | </script>
| + | |
| | | | |
| - | <!-- Remove "team" from the menubar -->
| + | <div id="tour" class="zebra"> |
| - | <script type="text/javascript"> | + | <div class="wrap"> |
| - | $(document).ready(function() {
| + | |
| - | $("menubar > ul > li:last-child").remove();
| + | |
| - | });
| + | |
| - | </script>
| + | |
| | | | |
| - | <!-- Empty heading? - Then remove it.. -->
| + | <div class="switcher-wrap slider"> |
| - | <script type="text/javascript">
| + | <a class="prev jQ_sliderPrev" href=""></a> |
| - | $(document).ready(function() {
| + | <a class="next jQ_sliderNext" href=""></a> |
| - | if ("" == "</html>{{{1}}}<html>") { | + | |
| - | $("#heading").remove();
| + | |
| - | } | + | |
| - | });
| + | |
| - | </script>
| + | |
| - | <script type="text/javascript">
| + | |
| - | $(document).ready(function() {
| + | |
| - | // document.getElementById("p-logo").style.display= "none";
| + | |
| - | document.getElementsByClassName("right-menu noprint")[0].style.display= "none";
| + | |
| - | //document.getElementById("searchform").style.display= "none"; | + | |
| | | | |
| - | });
| + | <ul id="img-slider" style="height: 520px;"> |
| - | </script>
| + | <li class="img"> |
| - | <!-- lazyload --> | + | <img src="https://static.igem.org/mediawiki/2013/e/e5/Ggggg.png" /> |
| | + | <div class="label">Genove</div> |
| | + | </li> |
| | + | <li class="img"> |
| | + | <img src="https://static.igem.org/mediawiki/igem.org/c/c4/Slider2.jpg" /> |
| | + | <div class="label">Nucleotide modification allow users to modify sequence as their wishes by utilizing codon synonomous.</div> |
| | + | </li> |
| | + | <li class="img"> |
| | + | <img src="https://static.igem.org/mediawiki/igem.org/9/99/Slider3.jpg" /> |
| | + | <div class="label">We can help you creat a new chromosome.</div> |
| | + | </li> |
| | + | <li class="img"> |
| | + | <img src="https://static.igem.org/mediawiki/2013/0/0a/Slider_4.jpg" /> |
| | + | <div class="label">Genove can help you design a new pathway.</div> |
| | + | </li> |
| | + | <li class="img"> |
| | + | <img src="https://static.igem.org/mediawiki/2013/1/1d/Slider_1.jpg" /> |
| | + | <div class="label">All members of our team.</div> |
| | + | </li> |
| | | | |
| - | | + | </ul> |
| - | | + | </div> |
| - | | + | |
| - | | + | |
| - | <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css?action=raw&ctype=text/css" type="text/css" />
| + | |
| - | <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/style?action=raw&ctype=text/css" type="text/css" />
| + | |
| - | <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/style_slider?action=raw&ctype=text/css" type="text/css" />
| + | |
| - | | + | |
| - | <script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/jquery?action=raw&ctype=text/javascript"></script>
| + | |
| - |
| + | |
| - | | + | |
| - | <!--[if lte IE 8]><link rel="stylesheet" href="http://www.humaan.com.au/wp-content/themes/humaan/css/iestyle.css"><![endif]-->
| + | |
| - | <!--[if IE 9]><link rel="stylesheet" href="http://www.humaan.com.au/wp-content/themes/humaan/css/ie9.css"><![endif]-->
| + | |
| - | | + | |
| - | <script type="text/javascript" src="//use.typekit.net/jlr8wlp.js"></script>
| + | |
| - | <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
| + | |
| - | | + | |
| - | | + | |
| - | <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
| + | |
| - | <style>
| + | |
| - | h3{
| + | |
| - | font-family: 'Tangerine', serif;
| + | |
| - | font-size: 45px;
| + | |
| - | text-shadow: 4px 4px 4px #aaa;
| + | |
| - | color: #38f;
| + | |
| - | letter-spacing: 0.1em;
| + | |
| - | word-spacing: 0.3em;
| + | |
| - | font-weight: 700;
| + | |
| - | line-height: 36px;
| + | |
| - | margin: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | .reference{
| + | |
| - | clear:both; | + | |
| - | top:40px;
| + | |
| - | left:120px;
| + | |
| - |
| + | |
| - | font-size: 16px;
| + | |
| - | line-height: 19px;
| + | |
| - | font-family: Trebuchet MS;
| + | |
| - | font-weight: 600;
| + | |
| - | position:absolute;
| + | |
| - | text-align:left;
| + | |
| - | width:48%;
| + | |
| - | padding:20px;
| + | |
| - | background-color:#ffe;
| + | |
| - | -moz-box-shadow:1px 3px 15px #ddd;
| + | |
| - | -webkit-box-shadow:1px 3px 15px #ddd;
| + | |
| - | box-shadow:4px 3px 25px #ddd;
| + | |
| - | }
| + | |
| - |
| + | |
| - | ul.accordion{
| + | |
| - | list-style:none;
| + | |
| - | position:absolute;
| + | |
| - | right:150px;
| + | |
| - | top:0px;
| + | |
| - | font-family: Cambria, serif;
| + | |
| - | font-size: 16px;
| + | |
| - | font-style: italic;
| + | |
| - | line-height: 1.5em;
| + | |
| - | }
| + | |
| - | ul.accordion li{
| + | |
| - | float:right;
| + | |
| - | width:115px;
| + | |
| - | height:480px;
| + | |
| - | display:block;
| + | |
| - | border-right:2px solid #fff;
| + | |
| - | border-bottom:2px solid #fff;
| + | |
| - | background-color:#fff;
| + | |
| - | background-repeat:no-repeat;
| + | |
| - | background-position:center center;
| + | |
| - | position:relative;
| + | |
| - | overflow:hidden;
| + | |
| - | cursor:pointer;
| + | |
| - | -moz-box-shadow:1px 3px 15px #555;
| + | |
| - | -webkit-box-shadow:1px 3px 15px #555;
| + | |
| - | box-shadow:1px 3px 15px #555;
| + | |
| - | }
| + | |
| - | ul.accordion li.bg1{
| + | |
| - | background-image:url(https://static.igem.org/mediawiki/2013/c/c8/Bki-20101209112236-2125207650.jpg);
| + | |
| - | }
| + | |
| - | ul.accordion li.bg2{
| + | |
| - | background-image:url(https://static.igem.org/mediawiki/2013/d/d2/Cloud.png);
| + | |
| - | }
| + | |
| - | ul.accordion li.bg3{
| + | |
| - | background-image:url(https://static.igem.org/mediawiki/2013/d/d2/Cloud.png);
| + | |
| - | }
| + | |
| - | ul.accordion li.bg4{
| + | |
| - | background-image:url(https://static.igem.org/mediawiki/2013/d/d2/Cloud.png);
| + | |
| - | }
| + | |
| - | ul.accordion li.bleft{
| + | |
| - | border-left:2px solid #fff;
| + | |
| - | }
| + | |
| - | ul.accordion li .heading{
| + | |
| - | background-color:#fff;
| + | |
| - | padding:10px;
| + | |
| - | margin-top:60px;
| + | |
| - | opacity:0.9;
| + | |
| - | text-transform:uppercase;
| + | |
| - | font-style:normal;
| + | |
| - | font-weight:bold;
| + | |
| - | letter-spacing:1px;
| + | |
| - | font-size:14px;
| + | |
| - | color:#444;
| + | |
| - | text-align:center;
| + | |
| - | text-shadow:-1px -1px 1px #ccc;
| + | |
| - | }
| + | |
| - | ul.accordion li .description{
| + | |
| - | position:absolute;
| + | |
| - | width:480px;
| + | |
| - | height:175px;
| + | |
| - | bottom:0px;
| + | |
| - | left:0px;
| + | |
| - | display:none;
| + | |
| - | }
| + | |
| - | ul.accordion li .description h2{
| + | |
| - | text-transform: uppercase;
| + | |
| - | font-style: normal;
| + | |
| - | font-weight: bold;
| + | |
| - | letter-spacing: 1px;
| + | |
| - | font-size: 25px;
| + | |
| - | color: #444;
| + | |
| - | text-align: left;
| + | |
| - | margin: -15px 0px 0px 20px;
| + | |
| - | text-shadow: -1px -1px 1px #ccc;
| + | |
| - | }
| + | |
| - | ul.accordion li .description p{
| + | |
| - | line-height:14px;
| + | |
| - | margin:10px 22px;
| + | |
| - | font-family: "Trebuchet MS", sans-serif;
| + | |
| - | font-size: 12px;
| + | |
| - | font-style: italic;
| + | |
| - | font-weight: normal;
| + | |
| - | text-transform: none;
| + | |
| - | letter-spacing: normal;
| + | |
| - | line-height: 1.6em;
| + | |
| - | }
| + | |
| - | ul.accordion li .description a{
| + | |
| - | position:absolute;
| + | |
| - | bottom:5px;
| + | |
| - | left:20px;
| + | |
| - | text-transform:uppercase;
| + | |
| - | font-style:normal;
| + | |
| - | font-size:11px;
| + | |
| - | text-decoration:none;
| + | |
| - | color:#888;
| + | |
| - | }
| + | |
| - | ul.accordion li .description a:hover{
| + | |
| - | color:#333;
| + | |
| - | text-decoration:underline;
| + | |
| - | }
| + | |
| - | | + | |
| - | ul.accordion li .bgDescription{
| + | |
| - | background:transparent url(https://static.igem.org/mediawiki/igem.org/1/15/BgDescription.png) repeat-x top left;
| + | |
| - | height:340px;
| + | |
| - | position:absolute;
| + | |
| - | bottom:0px;
| + | |
| - | left:0px;
| + | |
| - | width:100%;
| + | |
| - | display:none;
| + | |
| - | }
| + | |
| - | | + | |
| - | </style>
| + | |
| - | </head>
| + | |
| - | <body class="blog developer-wanted">
| + | |
| - | <div id="wrap" style="font-family: Verdana, Geneva, sans-serif;background-color: #eee;">
| + | |
| - | <header class="light">
| + | |
| - | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Home" id="logo">logo</a>
| + | |
| - |
| + | |
| - | <nav class="menu-main-navigation-container"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Home" class="menu-item-20 menu-item menu-item-type-post_type menu-item-object-page current-menu-item">Home</a> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Team" class="menu-item-19 menu-item menu-item-type-post_type menu-item-object-page">Team</a> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Software" class="menu-item-18 menu-item menu-item-type-post_type menu-item-object-page">Software</a> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Requirements" class="menu-item-17 menu-item menu-item-type-post_type menu-item-object-page">Requirements</a> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/HumanPractices" class="menu-item-15 menu-item menu-item-type-post_type menu-item-object-page">Human Practices</a> </nav>
| + | |
| - | <a href="https://2013.igem.org/Main_Page" id="logo1">igem</a>
| + | |
| - | </header>
| + | |
| - | | + | |
| - | | + | |
| - | <div id="wowslider-container1">
| + | |
| - | <div class="ws_images"><ul>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2013/1/1d/Slider_1.jpg" alt="1" title="team" id="wows1_0" class="lazy" />All members of our team.</li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/igem.org/c/c4/Slider2.jpg" alt="2" title="Nucleotide modification" id="wows1_1" class="lazy"/>Nucleotide modification allow users to modify sequence as their wishes by utilizing codon synonomousness.</li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/igem.org/9/99/Slider3.jpg" alt="3" title="chromosome" id="wows1_2" class="lazy"/>We can help you creat a new chromosome.</li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2013/0/0a/Slider_4.jpg" alt="4" title="pathway" id="wows1_3" class="lazy"/>Genove can help you design a new pathway.</li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2013/9/9c/Slider_5.jpg" alt="5" title="5" id="wows1_4" class="lazy"/>test</li>
| + | |
| - | </ul></div>
| + | |
| - | <div class="ws_bullets"><div>
| + | |
| - | <a href="#" title="1"><img src="https://static.igem.org/mediawiki/2013/b/b2/Little1.jpg" alt="1"/>1</a>
| + | |
| - | <a href="#" title="2"><img src="https://static.igem.org/mediawiki/igem.org/1/17/Little2.jpg" alt="2"/>2</a>
| + | |
| - | <a href="#" title="3"><img src="https://static.igem.org/mediawiki/igem.org/2/2f/Little3.jpg" alt="3"/>3</a>
| + | |
| - | <a href="#" title="4"><img src="https://static.igem.org/mediawiki/2013/c/c0/Little4.jpg" alt="4"/>4</a>
| + | |
| - | <a href="#" title="5"><img src="https://static.igem.org/mediawiki/2013/5/50/Little5.jpg" alt="5"/>5</a>
| + | |
| - | </div></div></div>
| + | |
| - | | + | |
| - |
| + | |
| - | | + | |
| - | <script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/wowslider?action=raw&ctype=text/javascript"></script>
| + | |
| - | | + | |
| - | <script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/script?action=raw&ctype=text/javascript"></script>
| + | |
| - |
| + | |
| - | <br/><br/>
| + | |
| - | <div id="content" style="height: 600px;background-color:transparent">
| + | |
| - | <div class="title"></div>
| + | |
| - | <div class="reference">
| + | |
| - | <p><h3>Genovo</h3></p>
| + | |
| - | <p>Genovo is a Computer-Aided Design（CAD） tool to create genome denovo. The current version is 1.2. It consists of 10 plugins belonging to 3 design modules. <br/>
| + | |
| - | The first module, NeoChr, would assist users to grab related genes in different pathways manually, to rewire genes’ relationship logically, and to replace genes with ortholog that score higher. Then it would allow users to define gene order and orientation in DRAP&DROP way, and add chromosome features to build a brand new genome automatically.<br/>
| + | |
| - | The second one , NucleoMod, would optimize the CDS regions and reduce their synthesis difficulty. And it helps design the CRIPSR site so that we can silence the wild type genes, and in the meanwhile, differentiate the wild type and synthesis type when assemling. This module also can erase or create enzyme site locally.<br/>
| + | |
| - | The third one, SegmMan will cut chromosome into pieces with different sizes with Gibson, Goldengate, Homologous adaptors to them so that they are able to be assembled into whole experimentally. <br/>
| + | |
| - | SegmMan, in another level, provide a complementary OLSDesign will guide users to get the chrosome fragments by chip and how to assembly them together. </p>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <ul class="accordion" id="accordion">
| + | |
| - | <li class="bg1">
| + | |
| - | <div class="heading">SegmMan</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>SegmMan</h2>
| + | |
| - | <p> SSegmMan will cut chromosome into pieces in different sizes. And it adds fragments with Gibson, Goldengate, Telomere adaptors to them so that they are able to be assembled into whole experimentally.</p>
| + | |
| - | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project#plug1">more →</a>
| + | |
| - | </div>
| + | |
| - | </li>
| + | |
| - | <li class="bg2">
| + | |
| - | <div class="heading">NucleoMod</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>NucMod</h2>
| + | |
| - | <p>NucleoMod can modify CDS based on synoymous mutation. It has 5 applications. Firstly, NucleoMod is used to design CRISPR sites on NeoChr so that we can silence the wild type genes. Secondly, it can erase specific enzyme sites according to the users' selection. Thirdly, users can create a enzyme site in selected region of specific genes. Fourthly, it can optimize the codon efficiency to incresase the expression level. Finally, it can smash the tandem repeat bases to reduce the synthesis difficulty.</p>
| + | |
| - | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project#plug2">more →</a>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </li>
| + | |
| - | <li class="bg3">
| + | |
| - | <div class="heading">NeoChr</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>NeoChr</h2>
| + | |
| - | <p>NeoChr is used to construct new chromosome. It would assist users to grab related genes in different pathways manually, to rewire genes’ relationship logically$1, and to replace genes with ortholog that score higher$2. Then it would allow users to define gene order and orientation in DRAG&DROP way, and decouple the genes with overlap. In the end, it would add or delete features, such as telomere, loxp sites to build a brand new genome automatically. </p>
| + | |
| - | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project#plug3">more →</a>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </li>
| + | |
| - | <!--
| + | |
| - | <li class="bg4 bleft">
| + | |
| - | <div class="heading">plug-in 4</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>OLS Design</h2>
| + | |
| - | <p>OLS Design will guide users to gain the chromosome by microarray.</p>
| + | |
| - | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project#plug4">more →</a>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </li>
| + | |
| - | -->
| + | |
| - | </ul>
| + | |
| | </div> | | </div> |
| - | | + | </div> |
| - | <!-- The JavaScript -->
| + | <div style="text-align:center;clear:both"><br> |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
| + | </div> |
| - | <script type="text/javascript">
| + | |
| - | $(function() {
| + | |
| - | $('#accordion > li').hover(
| + | |
| - | function () {
| + | |
| - | var $this = $(this);
| + | |
| - | $this.stop().animate({'width':'480px'},500);
| + | |
| - | $('.heading',$this).stop(true,true).fadeOut();
| + | |
| - | $('.bgDescription',$this).stop(true,true).slideDown(500);
| + | |
| - | $('.description',$this).stop(true,true).fadeIn();
| + | |
| - | },
| + | |
| - | function () {
| + | |
| - | var $this = $(this);
| + | |
| - | $this.stop().animate({'width':'115px'},1000);
| + | |
| - | $('.heading',$this).stop(true,true).fadeIn();
| + | |
| - | $('.description',$this).stop(true,true).fadeOut(500);
| + | |
| - | $('.bgDescription',$this).stop(true,true).slideUp(700);
| + | |
| - | }
| + | |
| - | );
| + | |
| - | });
| + | |
| - | </script>
| + | |
| - | | + | |
| - | <div class="push"></div>
| + | |
| - | </div><!-- wrapper -->
| + | |
| - | | + | |
| - | <footer>
| + | |
| - | <div class=" container clearfix"> | + | |
| - | <div class="seven columns" id="footer-contact">
| + | |
| - | <h3>contact us</h3>
| + | |
| - | <p>BGI-Shenzhen, Beishan Industrial Zone<br />
| + | |
| - | Yantian District, Shenzhen, 518083, China</p>
| + | |
| - | <p> <span>email:</span><br />
| + | |
| - | <a href="mailto:gongjianhui@genomics.com">gongjianhui@genomics.com</a></p>
| + | |
| - | </div>
| + | |
| - | <div class="four columns" id="footer-project">
| + | |
| - | <h3>sponsor</h3>
| + | |
| - | <p>BGIC<br/></p>
| + | |
| - | </div>
| + | |
| - | <div class="five columns" id="footer-newsletter">
| + | |
| - | <a href="https://2013.igem.org/Main_Page" ><img width="150" height="120" src="https://static.igem.org/mediawiki/2013/0/02/TB_IGEM_official_logo.png" /></a>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </footer>
| + | |
| - | | + | |
| - | | + | |
| - | <script src="http://www.humaan.com.au/wp-content/themes/humaan/js/scripts.min.js" type="text/javascript"></script>
| + | |
| - | | + | |
| - | | + | |
| | </body> | | </body> |
| | </html> | | </html> |
| - | {{Scroll}}
| |
"
