Difference between revisions of "Team:ZJU-China/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{ZJU-China}}
 
{{ZJU-China}}
−
<html>
+
<html lang="en">
 +
<head>
 +
<style type="text/css">
  
−
<div class="column two_thirds_size" >
 
  
−
<h1>Team</h1>
 
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
  
 +
</style>
 +
<meta charset="{CHARSET}">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootstrapCSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/pageCSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/sponsorCSS&action=raw&ctype=text/css" />
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootstrapJS&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/jqueryJS&action=raw&ctype=text/javascript"></script>
 +
<title>Improve Part</title>
 +
<link href="css/font-awesome.min.css" rel="stylesheet">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootsnavCSS&action=raw&ctype=text/css" />
  
−
<h3>What should this page contain?</h3>
+
<style type="text/css">
−
<ul>
+
@font-face {
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
font-family: brushmagic;
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
src: url(https://static.igem.org/mediawiki/2018/f/fc/T--ZJU-China--brushmagic.ttf) format('truetype');
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
}
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
.address img
−
</ul>
+
{
 +
position:absolute;
 +
left:0;
 +
bottom:-15%;
 +
width:100% !important;
 +
}
 +
.kite
 +
{
 +
z-index: 99;
 +
position:absolute;
 +
animation:myfirst 5s;
 +
-moz-animation:myfirst 5s; /* Firefox */
 +
-webkit-animation:myfirst 5s; /* Safari and Chrome */
 +
-o-animation:myfirst 5s; /* Opera */
 +
animation-iteration-count: infinite;
 +
width:33%;
 +
height: 5%;
 +
}
 +
 
 +
@keyframes myfirst
 +
{
 +
0%  {left:9.5%; top:4.2%;}
 +
25%  {left:10%; top:4.3%;}
 +
50%  {left:10.5%; top:4.4%;}
 +
75%  {left:10%; top:4.3%;}
 +
100% {left:9.5%; top:4.2%;}
 +
}
 +
 
 +
@-moz-keyframes myfirst /* Firefox */
 +
{
 +
0%  {left:9.5%; top:4.2%;}
 +
25%  {left:10%; top:4.3%;}
 +
50%  {left:10.5%; top:4.4%;}
 +
75%  {left:10%; top:4.3%;}
 +
100% {left:9.5%; top:4.2%;}
 +
}
 +
 
 +
@-webkit-keyframes myfirst /* Safari and Chrome */
 +
{
 +
0%  {left:9.5%; top:4.2%;}
 +
25%  {left:10%; top:4.3%;}
 +
50%  {left:10.5%; top:4.4%;}
 +
75%  {left:10%; top:4.3%;}
 +
100% {left:9.5%; top:4.2%;}
 +
}
 +
 
 +
@-o-keyframes myfirst /* Opera */
 +
{
 +
0%  {left:9.5%; top:4.2%;}
 +
25%  {left:10%; top:4.3%;}
 +
50%  {left:10.5%; top:4.4%;}
 +
75%  {left:10%; top:4.3%;}
 +
100% {left:9.5%; top:4.2%;}
 +
}
 +
.high1 p
 +
{
 +
position:relative;
 +
margin-left:52%;
 +
margin-top:279%;
 +
font-size:4em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#d4c9af !important;
 +
z-index:99;
 +
}
 +
.high1 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#d4c9af !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.high2 p
 +
{
 +
position:relative;
 +
margin-left:13%;
 +
margin-top:24%;
 +
font-size:4em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#c0c6d4 !important;
 +
z-index:99;
 +
}
 +
.high2 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#c0c6d4 !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.high3 p
 +
{
 +
position:relative;
 +
margin-left:57%;
 +
margin-top:71%;
 +
font-size:4em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#b3c0b5 !important;
 +
z-index:99;
 +
}
 +
.high3 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#b3c0b5 !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.high4 p
 +
{
 +
position:relative;
 +
margin-left:17%;
 +
margin-top:30%;
 +
font-size:4em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#cfb6b2 !important;
 +
z-index:99;
 +
}
 +
.high4 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#cfb6b2 !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.a2
 +
{
 +
  position:absolute;
 +
  top:0 !important;
 +
  left:0;
 +
  width:100% ;
 +
  height: auto;
 +
z-index:0;
 +
}
 +
.sponsors {
 +
width: 60% !important;
 +
/*float: center !important;*/
 +
position: absolute;
 +
left:20% !important;
 +
/*top:171% !important;*/
 +
bottom:-13% !important;
 +
z-index:10;
 +
}
 +
.sponsors > img
 +
{
 +
margin-top:0 !important;
 +
margin-bottom:5% !important;
 +
}
 +
 
 +
.nav > li > a, .dropdown-toggle, .dropdown-menu > li > a {
 +
font-family: 'Julius Sans One', sans-serif !important;
 +
}
 +
td, th {
 +
font-size: .8em !important
 +
}
 +
.dropdown-menu > li > a {
 +
font-size: .5em !important;
 +
}
 +
 
 +
.igem_content_wrapper {
 +
    width: 100% !important;
 +
}
 +
 
 +
.igem_2018_team_content {
 +
width: 100% !important;
 +
}
 +
 
 +
.igem_2018_team_menu.displaying_menu {
 +
    display: none !important;
 +
}
 +
 
 +
.firstHeading {
 +
  display: none !important;
 +
}
 +
 
 +
.title {
 +
  display: none !important;
 +
}
 +
 
 +
#mw-content-text > p {
 +
display: none !important;
 +
}
 +
 
 +
#HQ_page {
 +
    width:  100% !important;
 +
}
 +
 
 +
.firstHeading {
 +
  display: none !important;
 +
}
 +
 
 +
html, body, .globalWrapper {
 +
    width: 100% !important;
 +
}
 +
 
 +
.tl {
 +
    font-size: 5.5em !important;
 +
}
 +
.navbar-brand{
 +
padding: 29px 15px;
 +
}
 +
nav.navbar.bootsnav{
 +
border: none;
 +
margin-bottom: 150px;
 +
}
 +
.navbar-nav{
 +
float: left;
 +
}
 +
nav.navbar.bootsnav ul.nav > li > a{
 +
color: #828687;
 +
                text-transform: uppercase;
 +
                font-size: .5em !important;
 +
/*****/ padding: 30px;
 +
}
 +
nav.navbar.bootsnav ul.nav > li:hover{
 +
background: white;
 +
}
 +
.nav > li:after{
 +
content: "";
 +
width: 0;
 +
height: 5px;
 +
background: #494e6b;
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
transition: all 0.5s ease 0s;
 +
}
 +
 +
.nav > .logo:after {
 +
background: transparent;
 +
}
 +
.nav > .logo:hover {
 +
background-image: url(https://static.igem.org/mediawiki/2018/b/b0/T--ZJU-China--teamlogo.png) !important;
 +
background: white;
 +
background-size: 100%;
 +
-webkit-background-size: 100%;
 +
}
 +
.logo {
 +
width: 100px !important;
 +
height: 78px;
 +
margin-right: 30px;
 +
background: white;
 +
}
 +
.logo > a{
 +
background: url(https://static.igem.org/mediawiki/2018/b/b0/T--ZJU-China--teamlogo.png) no-repeat;
 +
transform: rotate(45deg);
 +
background-color: white !important;
 +
width: 100px !important;
 +
height: 100px;
 +
background-size: 100%;
 +
-webkit-background-size: 100%;
 +
/*border: #000000 solid 1px;*/
 +
box-shadow: 0 0 10px 3px black;
 +
-webkit-box-shadow: 0 0 10px 3px black;
 +
margin-top: 10px;
 +
margin-left: 10px;
 +
border-radius: 20%;
 +
}
 +
 +
.nav > li:hover:after{
 +
width: 100%;
 +
}
 +
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
 +
content: "+";
 +
font-family: 'FontAwesome';
 +
font-size: 16px;
 +
font-weight: 500;
 +
position: absolute;
 +
top: 31.6%;
 +
right: 10%;
 +
transition: all 0.4s ease 0s;
 +
}
 +
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
 +
content: "^";
 +
                font-family: 'FontAwesome';
 +
transform: rotate(180deg);
 +
}
 +
.dropdown-menu.multi-dropdown{
 +
position: absolute;
 +
left: -100% !important;
 +
}
 +
        .dropdown-menu{
 +
                position: absolute;
 +
left:-10%;
 +
        }
 +
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
 +
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 +
border: none;
 +
 
 +
}
 +
      @media only screen and (max-width:1030px){
 +
.high1 p
 +
{
 +
position:relative;
 +
/*top:6000%;
 +
left:0;*/
 +
margin-left:52%;
 +
margin-top:280%;
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#d4c9af !important;
 +
z-index:99;
 +
}
 +
.high1 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#d4c9af !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.high2 p
 +
{
 +
position:relative;
 +
margin-left:13%;
 +
margin-top:32%;
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#c0c6d4 !important;
 +
z-index:99;
 +
}
 +
.high2 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#c0c6d4 !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.high3 p
 +
{
 +
position:relative;
 +
margin-left:57%;
 +
margin-top:79%;
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#b3c0b5 !important;
 +
z-index:99;
 +
}
 +
.high3 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#b3c0b5 !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.high4 p
 +
{
 +
position:relative;
 +
margin-left:17%;
 +
margin-top:35%;
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#cfb6b2 !important;
 +
z-index:99;
 +
}
 +
.high4 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#cfb6b2 !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
}
 +
@media only screen and (max-width:700px){
 +
.high1 p
 +
{
 +
position:relative;
 +
/*top:6000%;
 +
left:0;*/
 +
margin-left:52%;
 +
margin-top:270%;
 +
font-size:.7em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#d4c9af !important;
 +
z-index:99;
 +
}
 +
.high1 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#d4c9af !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.high2 p
 +
{
 +
position:relative;
 +
margin-left:14%;
 +
margin-top:30%;
 +
font-size:.7em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#c0c6d4 !important;
 +
z-index:99;
 +
}
 +
.high2 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#c0c6d4 !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.high3 p
 +
{
 +
position:relative;
 +
margin-left:57%;
 +
margin-top:77%;
 +
font-size:.7em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#b3c0b5 !important;
 +
z-index:99;
 +
}
 +
.high3 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#b3c0b5 !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
.high4 p
 +
{
 +
position:relative;
 +
margin-left:17%;
 +
margin-top:33%;
 +
font-size:.7em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#cfb6b2 !important;
 +
z-index:99;
 +
}
 +
.high4 a
 +
{
 +
font-size:1em !important;
 +
font-family: brushmagic, sans-serif !important;
 +
font-weight: bold;
 +
color:#cfb6b2 !important;
 +
z-index:99;
 +
text-decoration: underline !important;
 +
}
 +
}
 +
@media only screen and (max-width:990px){
 +
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
 +
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
 +
.dropdown-menu.multi-dropdown{ left: 0 !important; }
 +
nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
 +
nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
 +
}
 +
.container {
 +
box-shadow: 0 0 10px 3px black;
 +
-webkit-box-shadow: 0 0 10px 3px black;
 +
}
 +
.navbar-nav {
 +
float: right;
 +
}
 +
.logo {
 +
position: absolute;
 +
left: -7%;
 +
}
 +
 
 +
@media only screen and (min-width: 1024px) {
 +
/*改变滚动条样式*/
 +
 
 +
::-webkit-scrollbar
 +
{
 +
    width: 12px;
 +
    height: 16px;
 +
    background-color: gray;
 +
}
 +
 
 +
::-webkit-scrollbar-track
 +
{
 +
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 +
    border-radius: 10px;
 +
    background-color: whitesmoke;
 +
}
 +
 
 +
/*定义滑块 内阴影+圆角*/
 +
::-webkit-scrollbar-thumb
 +
{
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 +
    background-color: rgba(0, 0, 0, 0.6);
 +
}
 +
 
 +
::-webkit-scrollbar-thumb:hover
 +
{
 +
border-radius: 5px;
 +
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
 +
background: rgba(0,0,0,0.4);
 +
}
 +
}
 +
 
 +
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<div class="demo" style="width: 100%; padding: 0em 0; position: fixed; margin: 0; left:0; top: 0; z-index: 999; font-size: 1em !important">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-12">
 +
<nav class="navbar navbar-default navbar-mobile bootsnav">
 +
<div class="navbar-header">
 +
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">menu
 +
<i class="fa fa-bars"></i>
 +
</button>
 +
</div>
 +
<div class="collapse navbar-collapse" id="navbar-menu">
 +
<!--<div style="background: url(img/logo.png) no-repeat; height: 100px; width: 100px; background-size: 100% ; position: relative; margin: 0;
 +
padding: 0; border: #000000 solid 1px;"></div>-->
 +
<ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
 +
<li class="logo"><a href="https://2018.igem.org/Team:ZJU-China">
 +
<!--<img src="url(img/logo.png)" />-->
 +
</a></li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Description</a></li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Design&Results</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Curli</a></li>
 +
<li><a href="#">Tag/Catcher System</a></li>
 +
<li><a href="#">Enzyme</a></li>
 +
<li><a href="#">Logic Gate</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Applied Design</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Overview</a></li>
 +
<li><a href="#">2D print</a></li>
 +
<li><a href="#">Electrode</a></li>
 +
<li><a href="#">Integration</a></li>
 +
<li><a href="#">Roll-out Plan</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Overview</a></li>
 +
<li><a href="#">Basic Parts</a></li>
 +
<li><a href="#">Composite Parts</a></li>
 +
<li><a href="#">Improved Parts</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Modeling</a></li>
 +
<li><a href="#">InterLab</a></li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Safety</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Project Safety</a></li>
 +
<li><a href="#">General Safety</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown" style="min-width: 250px;">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a>
 +
<ul class="dropdown-menu">
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Silver</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">TED Talk</a></li>
 +
<li><a href="#">Subscriptions</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Gold Integrated</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Academics</a></li>
 +
<li><a href="#">Hospitals</a></li>
 +
<li><a href="#">Bioethics</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Education & Public Engagement</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Science Museum</a></li>
 +
<li><a href="#">Bioart Exhibition</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Lab Book</a></li>
 +
<li><a href="#">Protocols</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Members</a></li>
 +
<li><a href="#">Attribution</a></li>
 +
<li><a href="#">Contributions</a></li>
 +
<li><a href="#">Sponsors</a></li>
 +
<!--<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sub Menu</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Custom Menu</a></li>
 +
<li><a href="#">Custom Menu</a></li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sub Menu</a>
 +
<ul class="dropdown-menu multi-dropdown">
 +
<li><a href="#">Custom Menu</a></li>
 +
<li><a href="#">Custom Menu</a></li>
 +
<li><a href="#">Custom Menu</a></li>
 +
<li><a href="#">Custom Menu</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Custom Menu</a></li>
 +
</ul>
 +
</li>-->
 +
</ul>
 +
</li>
 +
 
 +
</ul>
 +
</div>
 +
</nav>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
  
 +
<!--<div class="topImg" style="background-image: url(img/improve_part.png) ;"></div>-->
 +
 +
 +
<!--<div class="element1">
 +
 +
</div>-->
 +
 +
 +
<div class="main">
  
−
<div class="column third_size" >
+
 
−
<div class="highlight decoration_A_full">
+
                                <img class="a2" src="https://static.igem.org/mediawiki/2018/3/32/T--ZJU-China--team.png">
−
<h3>Inspiration</h3>
+
−
<p>You can look at what other teams did to get some inspiration! <br />
+
 
−
Here are a few examples:</p>
+
 
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
                        </div>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
<!---->
−
</ul>
+
−
</div>
+
<!---->
 +
 +
<div class="sponsors">
 +
<!--p class="sponsor_ttl">Our Sponsors</p-->
 +
<img src="https://static.igem.org/mediawiki/2018/6/68/T--ZJU-China--home--biolab.png" />
 +
<img src="https://static.igem.org/mediawiki/2018/f/f1/T--ZJU-China--genscript.png" />
 +
<img src="https://static.igem.org/mediawiki/2018/b/b2/T--ZJU-China--home--undergraduate.png" />
 +
<img src="https://static.igem.org/mediawiki/2018/5/5f/T--ZJU-China--foundation.png" />
 +
<img src="https://static.igem.org/mediawiki/2018/7/7f/T--ZJU-China--hospital.png" />
 
</div>
 
</div>
 +
 +
<div class="address">
 +
<img src="https://static.igem.org/mediawiki/2018/6/63/T--ZJU-China--address.png" />
 +
</div>
 +
<!--<hr />-->
 +
<script type="text/javascript">
 +
var dom = document.getElementById("container");
 +
var myChart = echarts.init(dom);
 +
var app = {};
 +
option = null;
 +
var dataAxis = ['', '', '', '', ''];
 +
var data = [2993, 62815.05, 53126.97, 22837.41, 41658.86];
 +
var yMax = 500;
 +
var dataShadow = [];
 +
 +
for (var i = 0; i < data.length; i++) {
 +
    dataShadow.push(yMax);
 +
}
 +
 +
option = {
 +
    title: {
 +
        text: '            ',
 +
        textStyle: {
 +
            color: '#999999',
 +
            fontFamily: 'crimson',
 +
            fontWeight: 'normal',
 +
            align: 'center',
 +
        }
 +
//      subtext: 'yAxis: Absolute fluorescence unit \ OD600',
 +
       
 +
    },
 +
    xAxis: {
 +
    type: 'category',
 +
        data: ['BBa_R0085(wild type)', 'BBa_K2721000', 'BBa_K2721001', 'BBa_K2721002', 'BBa_K2721003'],
 +
    axisLabel: {
 +
            inside: false,
 +
            textStyle: {
 +
                color: '#999999'
 +
            }
 +
        },
 +
        axisTick: {
 +
            show: false
 +
        },
 +
        axisLine: {
 +
            show: false
 +
        },
 +
        z: 10
 +
    },
 +
    yAxis: {
 +
    name: 'Absolute fluorescence unit \ OD600',
 +
    nameRotate: 90,
 +
    nameGap: -300,
 +
   
 +
//  offset: 'start',
 +
        axisLine: {
 +
            show: false
 +
        },
 +
        axisTick: {
 +
            show: false
 +
        },
 +
        axisLabel: {
 +
            textStyle: {
 +
                color: '#999'
 +
            }
 +
        }
 +
    },
 +
    dataZoom: [
 +
        {
 +
            type: 'inside'
 +
        }
 +
    ],
 +
    series: [
 +
        { // For shadow
 +
            type: 'bar',
 +
            itemStyle: {
 +
                normal: {color: 'rgba(0,0,0,0.05)'}
 +
            },
 +
            barGap:'-100%',
 +
            barCategoryGap:'80%',
 +
            data: dataShadow,
 +
            animation: false
 +
        },
 +
        {
 +
            type: 'bar',
 +
            itemStyle: {
 +
                normal: {
 +
                    color: new echarts.graphic.LinearGradient(
 +
                        0, 0, 0, 1,
 +
                        [
 +
                            {offset: 0, color: 'steelblue'},
 +
                            {offset: 0.4, color: 'steelblue'},
 +
                            {offset: 1, color: 'steelblue'}
 +
                        ]
 +
                    )
 +
                },
 +
                emphasis: {
 +
                    color: new echarts.graphic.LinearGradient(
 +
                        0, 0, 0, 1,
 +
                        [
 +
                            {offset: 0, color: 'lightsteelblue'},
 +
                            {offset: 0.7, color: 'lightsteelblue'},
 +
                            {offset: 1, color: 'lightsteelblue'}
 +
                        ]
 +
                    )
 +
                }
 +
            },
 +
            data: data
 +
        }
 +
    ]
 +
};
 +
 +
// Enable data zoom when user click bar.
 +
//var zoomSize = 6;
 +
//myChart.on('click', function (params) {
 +
//  console.log(dataAxis[Math.max(params.dataIndex - zoomSize / 2, 0)]);
 +
//  myChart.dispatchAction({
 +
//      type: 'dataZoom',
 +
//      startValue: dataAxis[Math.max(params.dataIndex - zoomSize / 2, 0)],
 +
//      endValue: dataAxis[Math.min(params.dataIndex + zoomSize / 2, data.length - 1)]
 +
//  });
 +
//});
 +
if (option && typeof option === "object") {
 +
    myChart.setOption(option, true);
 +
}
 +
      </script>
 +
        <!--<script type="text/javascript" src="js/bootsnav.js"></script>-->
 +
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootnavJS&action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/pageJS&action=raw&ctype=text/javascript"></script>
 +
</body>
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/pageCSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/sponsorCSS&action=raw&ctype=text/css" />
 +
 
</html>
 
</html>

Revision as of 14:01, 17 October 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗
Improve Part