Difference between revisions of "Team:XMU-China"

 
(418 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{XMU-China}}
 
{{XMU-China}}
 
<html>
 
<html>
−
 
 
<head>
 
<head>
−
 
+
<link rel="apple-touch-icon" sizes="57x57"
 +
                  href="https://static.igem.org/mediawiki/2016/9/9d/T--XMU-China--icon-57x57_and_.png">
 +
            <link rel="apple-touch-icon" sizes="60x60"
 +
                  href="https://static.igem.org/mediawiki/2016/d/de/T--XMU-China--icon-60x60_and_.png">
 +
            <link rel="apple-touch-icon" sizes="72x72"
 +
                  href="https://static.igem.org/mediawiki/2016/a/a8/T--XMU-China--icon-72x72_and_.png">
 +
            <link rel="apple-touch-icon" sizes="76x76"
 +
                  href="https://static.igem.org/mediawiki/2016/2/22/T--XMU-China--icon-76x76_and_.png">
 +
            <link rel="apple-touch-icon" sizes="114x114"
 +
                  href="https://static.igem.org/mediawiki/2016/3/30/T--XMU-China--icon-144x144_and_.png">
 +
            <link rel="apple-touch-icon" sizes="120x120"
 +
                  href="https://static.igem.org/mediawiki/2016/7/79/T--XMU-China--icon-120x120_and_.png">
 +
            <link rel="apple-touch-icon" sizes="144x144"
 +
                  href="https://static.igem.org/mediawiki/2016/3/30/T--XMU-China--icon-144x144_and_.png">
 +
            <link rel="apple-touch-icon" sizes="152x152"
 +
                  href="https://static.igem.org/mediawiki/2016/c/c5/T--XMU-China--icon-152x152_and_.png">
 +
            <link rel="apple-touch-icon" sizes="180x180"
 +
                  href="https://static.igem.org/mediawiki/2016/7/7c/T--XMU-China--icon-180x180_and_.png">
 +
            <link rel="icon" type="image/png" sizes="192x192"
 +
                  href="https://static.igem.org/mediawiki/2016/b/bd/T--XMU-China--icon-192x192_and_.png">
 +
            <link rel="icon" type="image/png" sizes="32x32"
 +
                  href="https://static.igem.org/mediawiki/2016/4/46/T--XMU-China--icon-32x32_and_.png">
 +
            <link rel="icon" type="image/png"  sizes="96x96"
 +
                  href="https://static.igem.org/mediawiki/2016/1/1e/T--XMU-China--icon-96x96_and_.png">
 +
            <link rel="icon" type="image/png" sizes="16x16"
 +
                  href="https://static.igem.org/mediawiki/2016/6/6c/T--XMU-China--icon-16x16_and_.png">
 +
            <meta name="msapplication-TileImage"
 +
                  content="https://static.igem.org/mediawiki/2016/9/98/T--XMU-China--icon-114x114_and_.png">
 +
            <meta name="msapplication-TileColor" content="#ffffff">
 +
            <meta name="theme-color" content="#ffffff">
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/jQueryJs?action=raw&amp;ctype=text/javascript"></script>
−
<title>无标题文档</title>
+
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/iconCss?action=raw&amp;ctype=text/css" type="text/css">
−
<title>Bootstrap 101 Template</title>
+
−
    <style type="text/css">
+
−
.carousel-inner{
+
−
height:420px;
+
−
background-color:#FFF;
+
−
margin-bottom:10px;
+
−
}
+
−
.carousel-inner .item{
+
−
height:420px;
+
−
padding-bottom:10px;
+
−
}
+
−
.carousel-indicators{
+
−
height:240px;
+
−
}
+
−
.carousel img{
+
−
    width: 100%;
+
−
}
+
−
 
+
−
.row{
+
−
background-color:#333;
+
−
padding-left:10%;
+
−
padding-right:10%;
+
−
color:#FFF;
+
−
height:237px;
+
−
}
+
−
 
+
−
#summary-container .col-md-2{
+
−
text-align:center;
+
−
padding:0;
+
−
+
−
}
+
−
 
+
−
hr.divider{
+
−
margin:40px;
+
−
}
+
−
</style>
+
−
<script type="text/javascript" src="jquery-3.1.0.min.js"></script>
+
−
<link href="https://2016.igem.org/Template:XMU-China/css/BootstrapCss" rel="stylesheet">
+
−
 
+
 
       <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 
       <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
−
     
+
<script src="https://2016.igem.org/Template:XMU-China/css/BootstrapJs?action=raw&amp;ctype=text/javascript"></script>
−
<script src="https://2016.igem.org/Template:XMU-China/css/BootstrapCss"></script>
+
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/clearCss?action=raw&amp;ctype=text/css" type="text/css">
 +
 
 +
<!--modify-->
 +
<style type="text/css">
 +
body{
 +
  background:url(https://static.igem.org/mediawiki/2016/7/7b/T--XMU-China--background_and_.jpg);
 +
}
 +
@media (min-width:1024px){
 +
      #big{display:block;}
 +
      #medium{display:none;}
 +
      #small{display:none;}
 +
      .carousel-inner{height:100%;}
 +
        .wrapone{height:67%;}
 +
      video{width:42%; height:72%;margin-left:24%; margin-top:47px; border:5px solid #000000;}
 +
    }
 +
      @media (max-width: 767px){
 +
        #big{display:none;}
 +
        #medium{display:none;}
 +
      #small{display:block;}
 +
        .wrapone{height:33.1%;}
 +
      .carousel-inner{height:49.4%;}
 +
      .carousel-indicators{top:43%;}
 +
      #carousel-example-generic{margin-top:10px;}
 +
      video{width:41.5%; height:50%;margin-left:24%; margin-top:35px; border:5px solid #000000;}
 +
}
 +
@media screen and (min-width:768px) and (max-width:1023px){
 +
  #big{display:none;}
 +
        #medium{display:block;}
 +
      #small{display:none;}
 +
        .wrapone{height:40.3%;}
 +
      .carousel-inner{height:60%;}
 +
      .carousel-indicators{top:52%;}
 +
      video{width:43%; height:49%;margin-left:24%; margin-top:67px; border:5px solid #000000;}
 +
}
 +
</style>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/buttonCss?action=raw&amp;ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/loaderCss?action=raw&amp;ctype=text/css" type="text/css">
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
<div id="alert-info" class="alert alert-info" role="alert" style="text-align:center;font-size:20px;line-height:20px;margin-bottom:0;margin-top:8px;display:none;">For best viewing experience, please use modern browser, such as Google Chrome and Safari.<br/><br/><a id="alert-info-close" ><button class="btn btn-info  btn-xs" type="button"><h4 style="margin-top:2px;">Close</h4></button> </a></div>
−
<ol class="carousel-indicators">
+
−
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
−
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
−
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
−
</ol>
+
  
−
<div class="carousel-inner" role="listbox">
+
<div id="section-1" class="wrapone" >
 +
<img src="https://static.igem.org/mediawiki/2016/2/2f/T--XMU-China--main-igem_and_.png"  style="margin-left:18%;padding-top:5%;" width="31%"/>
 +
<img src="https://static.igem.org/mediawiki/2016/5/55/T--XMU-China--main-logo_and_.png" style="margin-left:10%;padding-top:0;" width="27%" />
 +
</div>
 +
 
 +
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:67%;">
 +
 
 +
<ol class="carousel-indicators" style="left:2%;margin:0 auto;height:50px;">
 +
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
</ol>
 +
 
 +
<div class="carousel-inner" role="listbox" >
 
<div class="item active">
 
<div class="item active">
−
  <img src="picture/138-141016161144.jpg" /><div class="carousel-caption"><h1>Hello iGEM 2016!</h1></div>
+
  <img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption"></div>
 
</div>
 
</div>
  
 
<div class="item">
 
<div class="item">
−
  <img src="picture/240402-1304120R54811.jpg" /><div class="carousel-caption"><h1>Welcome to XMU-China</h1></div>
+
  <img src="https://static.igem.org/mediawiki/2016/0/06/T--XMU-China--pic2_and_.jpg" /><div class="carousel-caption"></div>
 
</div>
 
</div>
  
 
<div class="item">
 
<div class="item">
−
  <img src="picture/Amoy-Home_Content_bg23.jpg" /><div class="carousel-caption"><h1>Let's begin</h1></div>
+
  <div  style="text-align:center; background-color:#dce0c7;height:105%;">
 +
<video controls="controls" src="https://static.igem.org/mediawiki/2016/1/1f/T--XMU-China--video_f_and_.mp4">
 +
  your browser don't support html5.
 +
  </video>
 
</div>
 
</div>
 +
</div>
 +
<!-- Left and right controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 +
</div>
 +
</div>
 +
<div id="big" style="margin-top:15px;margin-bottom:5px;">
 +
<div class="row box1 ">
 +
<div class="col-md-2  link link-project">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Project</a>
 +
    </div>
  
−
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+
  <div class="col-md-2 link link-interlab">
−
<span class="glyphicon glyphicon-chevron-left"></span>
+
        <span class="icon"></span>
−
<span class="sr-only">Previous</span>
+
        <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
−
</a>
+
        <span class="line line-top"></span>
−
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+
        <span class="line line-right"></span>
−
<span class="glyphicon glyphicon-chevron-right"></span>
+
        <span class="line line-bottom"></span>
−
<span class="sr-only">Next</span>
+
        <span class="line line-left"></span>
−
</a>
+
        Parts</a>
 +
</div>
 +
 
 +
  <div class="col-md-2 link link-humanpractice">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
      Practice</a>   
 +
    </div>
 +
 
 +
  <div class="col-md-2 link link-judging">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Safety</a>
 +
</div>
 +
 
 +
  <div class="col-md-2 link link-notebooks">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Notebook</a>
 +
</div>
 +
 
 +
<div class="col-md-2 link link-team">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Team</a>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
−
<div class="container-fluid" id="summary-container">
+
<!--ipad-->
 +
<div id="medium" style="height:51%;margin-top:-280px;" >
 +
<div class="box1 ">
 
<div class="row">
 
<div class="row">
−
<div class="col-md-2">
+
<div class="col-xs-4  link link-project">
−
<img src="picture/icon1.jpg" />
+
        <span class="icon"></span>
−
<button class="btn btn-default  btn-xs" type="button"><h4>Project</h4></button>
+
        <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Project</a>
 +
    </div>
 +
 
 +
  <div class="col-xs-4 link link-interlab">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Parts</a>
 
  </div>  
 
  </div>  
−
  <div class="col-md-2">
+
 
−
<img src="picture/icon2.jpg" />
+
  <div class="col-xs-4 link link-humanpractice">
−
<a href="Interlab.html"><button class="btn btn-primary btn-xs" type="button"><h4>Interlab</h4></button></a>
+
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
      Practice</a>   
 +
    </div>
 +
</div>
 +
<div class="row">
 +
  <div class="col-xs-4 link link-judging">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Safety</a>
 +
  </div>
 +
 
 +
  <div class="col-xs-4 link link-notebooks">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Notebook</a>
 
  </div>  
 
  </div>  
−
  <div class="col-md-2">
+
 
−
<img src="picture/icon3.jpg" />
+
<div class="col-xs-4 link link-team">
−
  <button class="btn btn-success  btn-xs" type="button"><h4>Human Practice</h4></button>  
+
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Team</a>
 +
</div>
 +
</div>
 
  </div>
 
  </div>
−
   <div class="col-md-2">
+
</div>
−
<img src="picture/icon4.jpg" />
+
 
−
<button class="btn btn-info btn-xs" type="button"><h4>Judging</h4></button>  
+
 
 +
<!--iphone-->
 +
<div id="small" >
 +
<div class="box1 " style="margin:20px auto;width:85%;margin-top:-160px;z-index:999;">
 +
<div class="row">
 +
<div class="col-xs-6  link link-project">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Project</a>
 +
    </div>
 +
 
 +
   <div class="col-xs-6 link link-interlab">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Parts</a>
 +
  </div>
 +
</div>
 +
<div class="row">
 +
  <div class="col-xs-6 link link-humanpractice">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
      Practice</a>   
 +
    </div>
 +
 
 +
  <div class="col-xs-6 link link-judging">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Safety</a>
 
  </div>
 
  </div>
−
<div class="col-md-2">
+
</div>
−
<img src="picture/icon5.jpg" />
+
<div class="row">
−
<button class="btn btn-warning  btn-xs" type="button"> <h4>Notebooks</h4></button>
+
  <div class="col-xs-6 link link-notebooks">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Notebook</a>
 
  </div>  
 
  </div>  
−
  <div class="col-md-2">
+
 
−
<img src="picture/icon6.jpg" />
+
<div class="col-xs-6 link link-team">
−
<button class="btn btn-danger  btn-xs" type="button"><h4>Team</h4></button>
+
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Team</a>
 +
</div>
 
  </div>  
 
  </div>  
−
+
  </div>
−
  <hr  class="divider"/>
+
−
+
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
 +
 +
<div id="loader">
 +
<div class="spinner">
 +
  <div class="dot1"></div>
 +
  <div class="dot2"></div>
 +
</div>
 +
</div>
 +
<script>
 +
window.onload = function(){
 +
    setTimeout("$('#loader').fadeOut('fast')",5000)
 +
};
 +
 +
function getOs() 
 +
{ 
 +
    var OsObject = ""; 
 +
   if(navigator.userAgent.indexOf("MSIE")>0) { 
 +
        return "MSIE"; 
 +
   } 
 +
   else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ 
 +
        return "Firefox"; 
 +
   } 
 +
   else if(isMozilla=navigator.userAgent.indexOf("Opera")>0){ //这个也被判断为chrome
 +
        return "Opera"; 
 +
   } 
 +
   else if(isFirefox=navigator.userAgent.indexOf("Chrome")>0){ 
 +
        return "Chrome"; 
 +
   } 
 +
   else if(isSafari=navigator.userAgent.indexOf("Safari")>0) { 
 +
        return "Safari"; 
 +
   }  
 +
   else if(isCamino=navigator.userAgent.indexOf("Camino")>0){ 
 +
        return "Camino"; 
 +
   } 
 +
   else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ 
 +
        return "Gecko"; 
 +
   }
 +
   else{
 +
        return "MSIE"
 +
    }
 +
} 
 +
 +
var browser = getOs();
 +
if( browser == "MSIE" ){
 +
$("#alert-info").css("display","block");
 +
}
 +
$("#alert-info-close").click(function(){
 +
  $("#alert-info").fadeOut();
 +
});
 +
</script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/CarouselJs?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/iconJs?action=raw&amp;ctype=text/javascript"></script>
 +
 +
 +
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:42, 20 October 2016