Difference between revisions of "Team:JSNU-China"

 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
{{JSNU_China/homes}}
 
<html lang="en">
 
<html lang="en">
−
<head>
+
<head>
−
<title>Home</title>
+
    <title>JSNU-China</title>
−
<meta charset="utf-8">
+
    <link href="https://2016.igem.org/Template:JSNU-China/css/homecss?action=raw&ctype=text/css" rel="stylesheet" />
−
<link rel="stylesheet" href="css/style.css">
+
</head>
−
<link rel="stylesheet" href="css/slider.css">
+
<body>
−
+
−
<script src="js/jquery.js"></script>
+
  
−
<script src="js/jquery-migrate-1.1.1.js"></script>
+
<div id="mini">
−
 
+
<div id="mini-top">
−
<script src="js/superfish.js"></script>
+
<div class="navlogo"><img src="https://static.igem.org/mediawiki/2016/d/dd/Jsnuchina_img_btn.jpg" width="80%"></div>
−
 
+
<div id="smallnavs">
−
<script src="js/jquery.easing.1.3.js"></script>
+
<div id="onesmallnav">
−
<script src="js/tms-0.4.1.js"></script>
+
<a href="https://2016.igem.org/Team:JSNU-China" class="smalltitle"><p >·Home</p></a>
−
<script>
+
<div id="smallnavselect" ></div>
−
$(window).load(function(){
+
</div>
−
$('.slider')._TMS({
+
<div id="onesmallnav">
−
show:0,
+
<a href="https://2016.igem.org/Team:JSNU-China/Description" class="smalltitle"><p>·Project <b>(Background | Experiment | Future work | Protocal)</b></p></a>
−
pauseOnHover:false,
+
<div id="smallnavselect" class="smallnavmouse"></div>
−
prevBu:'.prev',
+
</div>
−
nextBu:'.next',
+
<div id="onesmallnav">
−
playBu:false,
+
<a href="https://2016.igem.org/Team:JSNU-China/Parts" class="smalltitle"><p >· Parts</p></a>
−
duration:800,
+
<div id="smallnavselect"></div>
−
preset:'random',
+
</div>
−
pagination:false,//'.pagination',true,'<ul></ul>'
+
<div id="onesmallnav">
−
pagNums:false,
+
<a href="https://2016.igem.org/Team:JSNU-China/Team" class="smalltitle"><p>·Team <b>(Members | Attribution | Ntroductors&Advisors | Acknowledgements)</b></p></a>
−
slideshow:8000,
+
<div id="smallnavselect"></div>
−
numStatus:false,
+
</div>
−
banners:true,
+
<div id="onesmallnav">
−
waitBannerAnimation:false,
+
<a href="https://2016.igem.org/Team:JSNU-China/Human_Practices" class="smalltitle"><p >·Human Partictice <b>(Sliver | Quick-flashing | Collaboration)</b></p></a>
−
progressBar:false
+
<div id="smallnavselect"></div>
−
}) ;
+
</div>
−
$( "#tabs" ).tabs();
+
<div id="onesmallnav">
−
+
<a href="https://2016.igem.org/Team:JSNU-China/Notebook" class="smalltitle"><p>·Notebook</p></a>
−
$().UItoTop({ easingType: 'easeOutQuart' });
+
<div id="smallnavselect"></div>
−
});
+
</div>
−
+
<div id="onesmallnav">
−
+
<a href="https://2016.igem.org/Team:JSNU-China/Safety" class="smalltitle"><p >·Safety</p></a>
−
+
<div id="smallnavselect"></div>
−
</script>
+
</div>
−
<!--[if lt IE 8]>
+
−
<div style=' clear: both; text-align:center; position: relative;'>
+
−
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
+
−
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
+
−
</a>
+
 
</div>
 
</div>
−
<![endif]-->
 
−
<!--[if lt IE 9]>
 
−
<script src="js/html5shiv.js"></script>
 
−
<link rel="stylesheet" media="screen" href="css/ie.css">
 
−
 
−
<![endif]-->
 
−
</head>
 
−
<body class="page1">
 
−
<!--==============================header=================================-->
 
−
<header>
 
−
<div class="container_12">
 
−
<div class="grid_12">
 
−
<h1><a href="index.html"><img src="images/logo.png" alt="Gerald Harris attorney at law"></a> </h1>
 
−
  <div class="clear"></div>
 
 
</div>
 
</div>
−
<div class="menu_block">
+
<div id="mini-content">
−
<nav class="" >
+
<div id="slider">
−
<ul class="sf-menu">
+
<div id="oneslider" class="slider1">
−
<li class="with_ul ul1" ><img src="images/hand3.png" style="width:30px;"><a href="project.html">Project</a>
+
−
<ul>
+
−
<li><a href="#">Background</a></li>
+
−
<li><a href="#">Design</a></li>
+
−
<li><a href="#">Result</a></li>
+
−
<li><a href="#">Protocol</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="with_ul ul2" ><img src="images/hand1.png" style="width:30px;"><a href="modeling.html">Modeling</a>
+
−
<ul>
+
−
<li><a href="#">Overview</a></li>
+
−
<li><a href="#">date analysis</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="ul3"><img src="images/hand4.png" style="width:30px;"><a href="parts.html">Parts</a></li>
+
−
<li class="with_ul ul4"><img src="images/hand5.png" style="width:30px;"><a href="team.html">Team</a>
+
−
<ul>
+
−
<li><a href="#">Member</a></li>
+
−
<li><a href="#">instruction</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="with_ul ul5"><img src="images/hand9.png" style="width:30px;"><a href="human-partictice.html">Human partictice</a>
+
−
<ul>
+
−
<li><a href="#">Activities</a></li>
+
−
<li><a href="#">Questionnaire</a></li>
+
−
<li><a href="#">Communication</a></li>
+
−
<li><a href="#">sponsor</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="ul6"><img src="images/hand7.png" style="width:30px;"><a href="notebook.html">Notebook</a></li>
+
−
<li class="ul7"><img src="images/hand6.png" style="width:30px;"><a href="safety.html">Safety</a></li>
+
−
</ul>
+
−
</nav>
+
−
<div class="clear"></div>
+
−
</div>
+
−
<div class="clear"></div>
+
−
</div>
+
−
</header>
+
  
−
<div class="main">
+
<img src="https://static.igem.org/mediawiki/2016/f/f6/Jsnuchina_sm1.jpg" class="sliderimg">
−
<div class="container_12">
+
</div>
−
<div class="grid_12">
+
<div id="oneslider" class="slider2">
−
<div class="slider-relative">
+
<img src="https://static.igem.org/mediawiki/2016/9/9a/Jsnuchina_sm2.jpg" class="sliderimg">
−
<div class="slider-block">
+
</div>
−
<div class="slider">
+
<div id="oneslider" class="slider3">
−
<a href="#" class="prev"></a><a href="#" class="next"></a>
+
<img src="https://static.igem.org/mediawiki/2016/1/11/Jsnuchina_sm3.jpg" class="sliderimg">
−
<ul class="items">
+
</div>
−
<li><img src="images/slide.jpg" alt="">
+
<div id="oneslider" class="slider4">
−
<div class="banner">
+
<img src="https://static.igem.org/mediawiki/2016/8/89/Jsnuchina_sm4.jpg" class="sliderimg">
−
<div>Description1</div><br>
+
−
<span>Description2</span>
+
−
</div>
+
−
</li>
+
−
<li><img src="images/slide1.jpg" alt=""></li>
+
−
<li><img src="images/slide2.jpg" alt=""></li>
+
−
<li><img src="images/slide3.jpg" alt=""></li>
+
−
</ul>
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
<div id="impress" class="impress-not-supported">
 
 
−
<!--=======content================================-->
+
    <div class="fallback-message">
 +
        <p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
 +
        <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser. Upcoming version 10 of Internet Explorer <i>should</i> also handle it.</p>
 +
    </div>
 +
   
 +
    <div id="step1" class="step start" data-x="0" data-y="0" data-scale="1">
 +
    <div class="warning">
 +
    <img src="https://static.igem.org/mediawiki/2016/b/bd/Jsnuchina_close.png" id="close">
 +
    <img src="https://static.igem.org/mediawiki/2016/f/f4/Jsnuchina_warning.png" width="100%" height="100%">
 +
    </div>
 +
    <a href="#step6"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    <a href="#step2"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    </div>
  
−
<div class="content">
+
    <div id="step2" class="step cartoon1" data-x="250" data-y="1400" data-scale="2" data-rotate="90">
−
<div class="container_12">
+
    <a href="#step1"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
−
<div ></div>
+
    <a href="#step3"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
−
<div class="clear" style="height:1000px"></div>
+
    </div>
 +
 
 +
    <div id="step3" class="step cartoon2" data-x="6000" data-y="2500" data-z="3000" data-scale="3" data-rotate="180">
 +
    <a href="#step2"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    <a href="#step4"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    </div>
 +
 
 +
    <div id="step4" class="step cartoon3" data-x="6000" data-y="500" data-z="-6000" data-rotate="300" data-scale="1">
 +
    <a href="#step3"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    <a href="#step5"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 
</div>
 
</div>
−
</div>
+
 
−
<div class="bottom_block">
+
<div id="step5" class="step cartoon4" data-x="7500" data-y="-800" data-z="-6400" data-scale="0.5" data-rotate="90" >
−
<div class="container_12">
+
<a href="#step4"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
−
<div class="grid_2 prefix_2">
+
<a href="#step6"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
−
<ul>
+
</div>
−
<li><a href="#">Project</a></li>
+
 
−
<li><a href="#">Parts</a></li>
+
<div id="step6" class="step navigate" data-x="7150" data-y="-800" data-z="-6600" data-scale="1" data-rotate="90" data-rotate-x="0" data-rotate-y="-40">
−
</ul>
+
<a href="#step5"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
<a href="#step1"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
<div class="onenav">
 +
<a href="https://2016.igem.org/Team:JSNU-China/Description"><img src="https://static.igem.org/mediawiki/2016/b/b2/Jsnuchina_project.png" width="120%">
 +
</a>
 +
<div class="mores">
 +
<a href="https://2016.igem.org/Team:JSNU-China/Description#background"><p>Background</p></a>
 +
<a href="https://2016.igem.org/Team:JSNU-China/Description#experience"><p>Experiment</p></a>
 +
<a href="https://2016.igem.org/Team:JSNU-China/Description#future"><p>Future work</p></a>
 +
<a href="https://2016.igem.org/Team:JSNU-China/Description#protocal"><p>Protocal</p></a>
 +
</div>
 
</div>
 
</div>
−
<div class="grid_2">
+
<div class="onenav">
−
<ul>
+
<a href="https://2016.igem.org/Team:JSNU-China/Parts"><img src="https://static.igem.org/mediawiki/2016/9/98/Jsnuchina_parts.png" width="120%"></a>
−
<li><a href="#">Team</a></li>
+
<div class="mores">
−
<li><a href="#">Human practice</a></li>
+
<a href="https://2016.igem.org/Team:JSNU-China/Parts#parts"><p>Parts</p></a>
−
</ul>
+
</div>
 
</div>
 
</div>
−
<div class="grid_2">
+
−
<ul>
+
<div class="onenav">
−
<li><a href="#">Notebook</a></li>
+
<a href="https://2016.igem.org/Team:JSNU-China/Team"><img src="https://static.igem.org/mediawiki/2016/2/2c/Jsnuchina_team.png" width="120%"></a>
−
<li><a href="#">Safety</a></li>
+
<div class="mores">
−
</ul>
+
<a href="https://2016.igem.org/Team:JSNU-China/Team#member"><p>Members</p></a>
 +
<a href="https://2016.igem.org/Team:JSNU-China/Attributions"><p>Attribution</p></a>
 +
<a href="https://2016.igem.org/Team:JSNU-China/Team#advisors"><p>Introductors&advisors</p></a>
 +
<a href="https://2016.igem.org/Team:JSNU-China/Team#acknow"><p>Acknowledgements</p></a>
 +
 
 +
</div>
 
</div>
 
</div>
−
<div class="grid_2">
+
<div class="onenav">
−
<ul>
+
<a href="https://2016.igem.org/Team:JSNU-China/Human_Practices"><img src="https://static.igem.org/mediawiki/2016/d/df/Jsnuchina_human.png" width="120%"></a>
−
<li><a href="modeling.html">Modeling</a></li>
+
<div class="mores">
−
+
<a href="https://2016.igem.org/Team:JSNU-China/HP/Silver"><p>Sliver</p></a>
−
</ul>
+
<a href="https://2016.igem.org/Team:JSNU-China/HP/Gold"><p>Quick-flashing</p></a>
 +
<a href="https://2016.igem.org/Team:JSNU-China/Collaborations"><p>Collaboration</p></a>
 +
</div>
 
</div>
 
</div>
−
<div class="clear"></div>
+
<div class="onenav">
 +
<a href="https://2016.igem.org/Team:JSNU-China/Notebook"><img src="https://static.igem.org/mediawiki/2016/8/8d/Jsnuchina_notebook.png" width="120%"></a>
 +
<div class="mores">
 +
<a href="https://2016.igem.org/Team:JSNU-China/Notebook#notebook"><p>Notebook</p></a>
 +
</div>
 +
</div>
 +
<div class="onenav">
 +
<a href="https://2016.igem.org/Team:JSNU-China/Safety"><img src="https://static.igem.org/mediawiki/2016/b/b3/Jsnuchina_safety.png" width="120%"></a>
 +
<div class="mores">
 +
<a href="https://2016.igem.org/Team:JSNU-China/Safety#safety"><p>Safety</p></a>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
<!--==============================footer=================================-->
+
 
  
 
</div>
 
</div>
−
<footer>
 
−
<div class="container_12">
 
−
<div class="grid_12">
 
−
 
−
<div class="copy">
 
−
&copy; Copyright &copy; 2014.Company name All rights reserved.
 
−
</div></div>
 
−
<div class="clear"></div>
 
−
</div>
 
  
−
</footer>
+
<script src="https://2016.igem.org/Team:JSNU-China/jquery?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2016.igem.org/Team:JSNU-China/impress?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
impress();
 +
</script>
 +
<script>
 +
 
 +
$(function(){
 +
$(".navlogo").click(function(){
 +
$("#smallnavs").toggle()
 +
})
 +
})
 +
$(function(){
 +
$(".smalltitle").on("mouseover",function(){
 +
$(this).siblings("#smallnavselect").addClass("smallnavmouse");
 +
$(this).siblings("#smallnavselect").removeClass("smallnavmouseout");
 +
 
 +
})
 +
 
 +
$(".smalltitle").on("mouseout",function(){
 +
$(this).siblings("#smallnavselect").addClass("smallnavmouseout");
 +
$(this).siblings("#smallnavselect").removeClass("smallnavmouse");
 +
 
 +
})
 +
})
 +
</script>
 +
 
 +
<script>
 +
        $(function(){
 +
        if($(window).width()<992){
 +
            $(".slider1").css("left","0");
 +
            $(".slider2").css("left","100%");
 +
            $(".slider3").css("left","100%");
 +
            $(".slider4").css("left","100%");
 +
 
 +
            setTimeout(function(){
 +
                        slidershow(1);
 +
            },3000);
 +
 
 +
            function slidershow(num){
 +
               
 +
                number1=parseInt(num);
 +
                number2=number1+1;
 +
               
 +
                if (number2==5) {
 +
                    number2=1;
 +
                }
 +
                $(".slider"+number1).animate({left:"-100%"},1000,function(){
 +
                    $(".slider"+number1).css("left","100%");
 +
                });
 +
 
 +
                $(".slider"+number2).animate({left:"0"},1000,function(){
 +
                    setTimeout(function(){
 +
                        slidershow(number2);
 +
                    },3000);
 +
                });
 +
               
 +
            }
 +
        }
 +
        })
 +
    </script>
 +
 
 +
 
 +
<script>
 +
$(function(){
 +
var navwidth=$(".onenav").width();
 +
 
 +
$(".onenav").css("height",navwidth)
 +
 
 +
var bodywidth=$(window).width();
 +
if (bodywidth<992) {
 +
$("#impress").css("display","none")
 +
};
 +
})
 +
</script>
 +
 
 +
<script>
 +
$(function(){
 +
$("#close").click(function(){
 +
$(".warning").toggle()
 +
})
 +
})
 +
</script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:38, 16 October 2016

JSNU-China

Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser. Upcoming version 10 of Internet Explorer should also handle it.