|
|
(6 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> |
- | | + | </div> |
- | | + | </div> |
- | <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css?action=raw&ctype=text/css" type="text/css" /> | + | <div style="text-align:center;clear:both"><br> |
- | <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>
| + | |
- |
| + | |
- | <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;
| + | |
- | }
| + | |
- | | + | |
- | .win {
| + | |
- | width: 970px;
| + | |
- | margin: 50px auto;
| + | |
- | }
| + | |
- | .win a {
| + | |
- | line-height: 180px;
| + | |
- | display: block;
| + | |
- | margin: 8px;
| + | |
- | text-align: center;
| + | |
- | float: left;
| + | |
- | opacity: 1;
| + | |
- | }
| + | |
- | .win8 {
| + | |
- | margin: 8px;
| + | |
- | display: block;
| + | |
- | width : 300px;
| + | |
- | | + | |
- | float: left;
| + | |
- | color: #015;
| + | |
- | font-family: Verdana, 'Times New Roman',serif;
| + | |
- | font-weight: 300;
| + | |
- | font-size: 13px;
| + | |
- | }
| + | |
- | h4{
| + | |
- | font-weight: 600;
| + | |
- | font-size: 17px;
| + | |
- | | + | |
- | margin :8px;
| + | |
- | }
| + | |
- | .win8 img{
| + | |
- | width : 150px;
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | <script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/jquery?action=raw&ctype=text/javascript"></script>
| + | |
- | <script type="text/javascript">
| + | |
- |
| + | |
- | $(document).ready(function() {
| + | |
- | $('.win a').hover(function() {
| + | |
- | $(this).stop().animate({
| + | |
- | opacity: 0.5
| + | |
- | }, 300);
| + | |
- | }, function() {
| + | |
- | $(this).stop().animate({
| + | |
- | opacity: 1
| + | |
- | }, 300);
| + | |
- | });
| + | |
- | });
| + | |
- | | + | |
- | </script> | + | |
- | </head>
| + | |
- | <body class="blog developer-wanted">
| + | |
- | <div id="wrap" style="font-family: Verdana, Geneva, sans-serif;background-color: #ff9;">
| + | |
- | <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/Criteria" class="menu-item-15 menu-item menu-item-type-post_type menu-item-object-page">Criteria</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/e/e5/Ggggg.png" alt="1" title="" id="wows1_0" class="lazy" />Genove</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/1/1d/Slider_1.jpg" alt="5" title="team" id="wows1_4" class="lazy"/>All members of our team.</li>
| + | |
- | </ul></div>
| + | |
- | <div class="ws_bullets"><div> | + | |
- | <a href="#" title="1"><img src="https://static.igem.org/mediawiki/igem.org/1/17/Little2.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/b/b2/Little1.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 class="win">
| + | |
- | <div class="win8"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Modules"><img src="https://static.igem.org/mediawiki/2013/2/21/Lxm_3.png" /></a><h4>Neochr</h4>Construct genome's structure</div>
| + | |
- | <div class="win8"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Modules"><img src="https://static.igem.org/mediawiki/2013/c/c8/NucleoMod.png" /></a><h4>NucleoMod</h4>Modify CDS region</div>
| + | |
- | <div class="win8"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Modules"><img src="https://static.igem.org/mediawiki/2013/b/b2/SegmMan.png" /></a><h4>SegmMan</h4>Split into fragments</div>
| + | |
- | <div class="win8"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Web-based_trial"><img src="https://static.igem.org/mediawiki/2013/c/ce/X_2.png" /></a><h4>Jbrowse GUI</h4>Operation interface</div>
| + | |
- | <div class="win8"><a href="http://192.185.29.142/~luxujia/jbrowse_no_git/index.html?data=data/NeoChr/"><img src="https://static.igem.org/mediawiki/2013/4/47/Lxm_2.png" /></a><h4>Web sever</h4>Web version of Genovo</div>
| + | |
- | <div class="win8"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Tutorial"><img src="https://static.igem.org/mediawiki/2013/0/08/Zwz.png" /></a> <h4>Tutorial</h4>Instruction for users</div>
| + | |
| </div> | | </div> |
- |
| |
- | <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
| |
- | <!-- The JavaScript -->
| |
- | <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>
| |
- |
| |
- | <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.cn">gongjianhui@genomics.cn</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}}
| |