|
|
| (35 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:45px;
| + | |
| - | color:#444;
| + | |
| - | text-align:left;
| + | |
| - | margin:0px 0px 15px 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/Project" class="menu-item-18 menu-item menu-item-type-post_type menu-item-object-page">Project</a> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Achievement" class="menu-item-17 menu-item menu-item-type-post_type menu-item-object-page">Achievement</a> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Notebook" class="menu-item-16 menu-item menu-item-type-post_type menu-item-object-page">Notebook</a> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Safety" class="menu-item-15 menu-item menu-item-type-post_type menu-item-object-page">Safty</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> 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.
| + | |
| - | 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>
| + | |
| - | <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>Nucleotide Modification</h2>
| + | |
| - | <p> 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.</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, 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 DRAP&DROP way, and add chromosome features 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}}
| |
"
