Team:Shenzhen BGIC 0101/Home

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{:Team:Shenzhen_BGIC_0101/Templates/Header}}
<html>
<html>
-
<head>
+
<head>
-
    <!-- iGem wiki hacks -->
+
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
-
        <!-- Remove all empty <p> tags -->
+
<script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/jquerycarouFredSel?action=raw&ctype=text/js" type="text/javascript"></script>
-
        <script type="text/javascript">
+
<script type="text/javascript">
-
            $(document).ready(function() {
+
function prevTimers() {
-
                $("p").filter( function() {
+
return allTimers().slice( 0, $('#pager a.selected').index() );
-
                    return $.trim($(this).html()) == '';
+
}
-
                }).remove();
+
function allTimers() {
-
            });
+
return $('#pager a span');
-
        </script>
+
}
-
        <!-- Remove "team" from the menubar -->
+
$(function() {
-
        <script type="text/javascript">
+
$('#carousel').carouFredSel({
-
            $(document).ready(function() {
+
items: 1,
-
                $("menubar > ul > li:last-child").remove();
+
auto: {
-
            });
+
pauseOnHover: 'resume',
-
        </script>
+
progress: {
 +
bar: '#pager a:first span'
 +
}
 +
},
 +
scroll: {
 +
fx: 'crossfade',
 +
duration: 300,
 +
timeoutDuration: 4000,
 +
onAfter: function() {
 +
allTimers().stop().width( 0 );
 +
prevTimers().width( 140 );
 +
$(this).trigger('configuration', [ 'auto.progress.bar', '#pager a.selected span' ]);
 +
}
 +
},
 +
pagination: {
 +
container: '#pager',
 +
anchorBuilder: false
 +
}
 +
});
 +
});
 +
</script>
 +
<style type="text/css">
-
        <!-- Empty heading? - Then remove it.. -->
+
#carousel {
-
        <script type="text/javascript">
+
width: 750px;
-
            $(document).ready(function() {
+
height: 480px;
-
                if ("" == "</html>{{{1}}}<html>") {
+
}
-
                    $("#heading").remove();
+
#carousel img {
-
                }
+
border: 1px solid #ccc;
-
            });
+
display: block;
-
        </script>
+
padding: 10px;
-
        <script type="text/javascript">
+
float: left;
-
        $(document).ready(function() {
+
}
-
        //        document.getElementById("p-logo").style.display= "none";
+
#pager {
-
              document.getElementsByClassName("right-menu noprint")[0].style.display= "none";
+
margin-top: 5px;
-
//document.getElementById("searchform").style.display= "none";
+
width: 750px;
-
 
+
}
-
            });
+
#pager a, #pager span {
-
        </script>
+
display: block;
-
<!-- lazyload -->
+
height: 10px;
-
 
+
}
-
 
+
#pager a {
-
 
+
border: 1px solid #ccc;
-
 
+
width: 119px;
-
 
+
margin-right: 3px;
-
<link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css?action=raw&ctype=text/css" type="text/css" />
+
float: left;
-
<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" />
+
#pager a:hover {
-
 
+
border-color: #999;
-
<script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/jquery?action=raw&ctype=text/javascript"></script>
+
}
 +
#pager span {
 +
background-color: #ccc;
 +
width: 0px;
 +
}
 +
 +
#donate-spacer {
 +
height: 100%;
 +
}
 +
#donate {
 +
border-top: 1px solid #999;
 +
width: 800px;
 +
padding: 50px 75px;
 +
margin: 0 auto;
 +
overflow: hidden;
 +
}
 +
#donate p, #donate form {
 +
margin: 0;
 +
float: left;
 +
}
 +
#donate p {
 +
width: 730px;
 +
}
 +
#donate form {
 +
width: 100px;
 +
}
 +
</style>
 +
</head>
 +
<body>
   
   
-
<script type="text/javascript" src="//use.typekit.net/jlr8wlp.js"></script>
+
<div id="wrapper">
-
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
<div id="carousel">
 +
<img src="https://static.igem.org/mediawiki/2013/e/e5/Ggggg.png" width="720" height="477"/ >
 +
<img src="https://static.igem.org/mediawiki/igem.org/c/c4/Slider2.jpg" width="720" height="477" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/9/99/Slider3.jpg" width="720" height="477" />
 +
<img src="https://static.igem.org/mediawiki/2013/0/0a/Slider_4.jpg" width="720" height="477" />
 +
<img src="https://static.igem.org/mediawiki/2013/1/1d/Slider_1.jpg" width="720" height="477" class="last" />
 +
</div>
 +
<div id="pager">
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
 +
</div>
 +
</div>
 +
<div style="text-align:center;clear:both">
-
 
-
<!--[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>
-
 
+
</body>
-
<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>
+
</html>
</html>
-
{{Scroll}}
 

Revision as of 19:19, 28 October 2013




Retrieved from "http://2013.igem.org/Team:Shenzhen_BGIC_0101/Home"