|
|
| (48 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>
| + | |
| - | | + | |
| - | .reference{
| + | |
| - | clear:both; | + | |
| - | top:50px;
| + | |
| - | left:120px;
| + | |
| - | font-weight:700;
| + | |
| - | position:absolute;
| + | |
| - | text-align:left;
| + | |
| - | width:400px;
| + | |
| - | 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/d/d2/Cloud.png);
| + | |
| - | }
| + | |
| - | 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" id="logo">logo</a>
| + | |
| - |
| + | |
| - | <nav class="menu-main-navigation-container"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101" 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/Team:Shenzhen_BGIC_0101" 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="1" id="wows1_0" class="lazy" />testtesttesttesttesttest</li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2013/d/d9/Slider_2.jpg" alt="2" title="2" id="wows1_1" class="lazy"/>test</li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2013/e/e8/Slider_3.jpg" alt="3" title="3" id="wows1_2" class="lazy"/>test</li>
| + | |
| - | <li><img src="https://static.igem.org/mediawiki/2013/0/0a/Slider_4.jpg" alt="4" title="4" id="wows1_3" class="lazy"/>test</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/2013/1/17/Little2.jpg" alt="2"/>2</a>
| + | |
| - | <a href="#" title="3"><img src="https://static.igem.org/mediawiki/2013/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><hr />
| + | |
| - | <p>Genovo is a Computer-Aided Design (CAD) tool used for denovo design of genome. The current version consists of 4 parts.
| + | |
| - | The first, Chromosome Construction will grap genes in a common pathway and chromosome features to build a new genome and let user to define the order and orientation in drap-drop way. The second, Nucleotide Modification will optimize and soften the sequence of CDSs. It also help design the CRIPSR sites so that we can silence the wild type genes. The third, Chromosome Segmentation will cut chromosome into pieces and add 3A & Gibson & Goldengate & Homologous Recombination adaptors to the pieces automatically for assembly. The last one, OLS Design will guide users to gain the chromosome by microarray.
| + | |
| - | Genovo will enable user to design their innovative chromosome as their wishes and further the research on genome on pathway level.</p>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <ul class="accordion" id="accordion">
| + | |
| - | <li class="bg1">
| + | |
| - | <div class="heading">plug-in 1</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>grap genes</h2>
| + | |
| - | <p> Chromosome Construction will grap genes in a common pathway and chromosome features to build a new genome and let user to define the order and orientation in drap-drop way.</p>
| + | |
| - | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project#plug1">more →</a>
| + | |
| - | </div>
| + | |
| - | </li>
| + | |
| - | <li class="bg2">
| + | |
| - | <div class="heading">plug-in 2</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>Nucleotide Modification</h2>
| + | |
| - | <p> Nucleotide Modification will optimize and soften the sequence of CDSs. It also help design the CRIPSR sites so that we can silence the wild type genes. </p>
| + | |
| - | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project#plug2">more →</a>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </li>
| + | |
| - | <li class="bg3">
| + | |
| - | <div class="heading">plug-in 3</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>Chromosome Segmentation</h2>
| + | |
| - | <p>Chromosome Segmentation will cut chromosome into pieces and add 3A & Gibson & Goldengate & Homologous Recombination adaptors to the pieces automatically for assembly. </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:xxx@genomics.com">xxx@genomics.com</a></p>
| + | |
| - | </div>
| + | |
| - | <div class="four columns" id="footer-project">
| + | |
| - | <h3>sponsor</h3>
| + | |
| - | <p>BGI<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/f/fc/Igem_logo_warsaw_team.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}}
| |
"
