|
|
| (53 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:#83e;
| + | |
| - | -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="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/Modeling" class="menu-item-17 menu-item menu-item-type-post_type menu-item-object-page">Modeling</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">Sporner</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:#fff">
| + | |
| - | <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>Guler</h2>
| + | |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
| + | |
| - | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
| + | |
| - | Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
| + | |
| - | ut aliquip ex ea commodo consequat. Duis aute irure dolor in
| + | |
| - | reprehenderit in voluptate velit esse cillum dolore eu fugiat
| + | |
| - | nulla pariatur.</p>
| + | |
| - | <a href="#">more →</a>
| + | |
| - | </div>
| + | |
| - | </li>
| + | |
| - | <li class="bg2">
| + | |
| - | <div class="heading">Phillips</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>Phillips</h2>
| + | |
| - | <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem
| + | |
| - | accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
| + | |
| - | quae ab illo inventore veritatis et quasi architecto beatae vitae
| + | |
| - | dicta sunt explicabo. </p>
| + | |
| - | <a href="#">more →</a>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </li>
| + | |
| - | <li class="bg3">
| + | |
| - | <div class="heading">Diamanti</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>Diamanti</h2>
| + | |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
| + | |
| - | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
| + | |
| - | Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
| + | |
| - | ut aliquip ex ea commodo consequat. Duis aute irure dolor in
| + | |
| - | reprehenderit in voluptate velit esse cillum dolore eu fugiat
| + | |
| - | nulla pariatur.</p>
| + | |
| - | <a href="#">more →</a>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </li>
| + | |
| - | <li class="bg4 bleft">
| + | |
| - | <div class="heading">Meiklejohn</div>
| + | |
| - | <div class="bgDescription"></div>
| + | |
| - | <div class="description">
| + | |
| - | <h2>Meiklejohn</h2>
| + | |
| - | <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem
| + | |
| - | accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
| + | |
| - | quae ab illo inventore veritatis et quasi architecto beatae vitae
| + | |
| - | dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
| + | |
| - | sit aspernatur aut odit aut fugit, sed quia consequuntur magni
| + | |
| - | dolores eos qui ratione voluptatem sequi nesciunt.</p>
| + | |
| - | <a href="#">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>
| + | |
| - | <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>
| + | |
| - | <section id="blog" class="container">
| + | |
| - |
| + | |
| - | <article class="clearfix">
| + | |
| - | <div id="post-1815" class="post-1815 post type-post status-publish format-standard hentry category-evolution">
| + | |
| - | <a href="" class="image"><img width="1000" height="315" src="https://static.igem.org/mediawiki/2013/0/00/Test-main.png" class="attachment-blog-thumb wp-post-image" alt="airflite" /> </a> <div class="text">
| + | |
| - | <h2><a href="" title="Genovo">Genovo</a></h2>
| + | |
| - |
| + | |
| - | <div class="post-content"><hr/><p>Genovo is a Computer-Aided Design (CAD) tool used for denovo design of genome. The current version consists of 4 parts. </p>
| + | |
| - | <p>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. </p>
| + | |
| - | <p>Genovo will enable user to design their innovative chromosome as their wishes and further the research on genome on pathway level.</p>
| + | |
| - | <hr/>
| + | |
| - | <p>TEST TEST TEST TEST TEST TEST </p>
| + | |
| | </div> | | </div> |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </article>
| |
| - |
| |
| - |
| |
| - | </section>
| |
| - | <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}}
| |
"
