Difference between revisions of "Team:GreatBay China/Team"

Line 1: Line 1:
 +
 
<html><title>GBC-Team</title>
 
<html><title>GBC-Team</title>
 
 
<!--CREATOR OF THIS WIKI TEMPLATE: WEIQIAN LIN, KUANGYI WEI,Copyright Served. Any eligible editor using this template must be a member of the iGEM team: GreatBay_China 2018-->
 
 
 
 
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
 
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
 
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
 
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
Line 19: Line 15:
 
   ================================================== -->
 
   ================================================== -->
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<!-- js -->
+
<!-- css bootstrap -->
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/jquery.js&action=raw&ctype=text/javascript"></script>
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&amp;action=raw&amp;ctype=text/css" />
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/bootstrap.js&action=raw&ctype=text/javascript"></script>
+
<!-- js jquery -->
<!-- js popover -->
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&amp;action=raw&amp;ctype=text/javascript"></script>
 +
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
 +
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<!-- js menu -->
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(function () { $("[data-toggle='popover']").popover(); });
 
$(function () { $("[data-toggle='popover']").popover(); });
 
</script>
 
</script>
<!-- js menu -->
 
 
<script type="text/javascript">
 
<script type="text/javascript">
 
 $(function(){
 
 $(function(){
  $('.top-nav ul li span').hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');});
+
  $('.top-nav ul li span').hover(function(){
  $('.top-nav ul li').mouseover(function(){$(this).children('div').stop().slideDown().parent().siblings().children('div').stop().slideUp();});
+
   $(this).addClass('hover');
  $('.top-nav ul li span').mouseleave(function(){$(this).siblings('div').stop().slideUp()});
+
},function(){
 +
$(this).removeClass('hover');
 +
});
 +
  $('.top-nav ul li').mouseover(function(){
 +
   $(this).children('div').stop().slideDown().parent().siblings().children('div').stop().slideUp();
 +
});
 +
  $('.top-nav ul li span').mouseleave(function(){
 +
   $(this).siblings('div').stop().slideUp()});
 
  $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();});
 
  $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();});
 })
+
 })
+
 
</script>
 
</script>
<!-- js cathead -->
 
 
<script>
 
<script>
 
function changeface()
 
function changeface()
Line 1,391: Line 1,395:
 
}
 
}
 
.text-primary {
 
.text-primary {
   color: #337ab7;
+
  /*important for mint color change when you hover BY CHARLES WEI*/
 +
   color: #76BF8D;
 
}
 
}
 
a.text-primary:hover {
 
a.text-primary:hover {
   <!-- color: #286090; -->
+
   color:#76bf8d;  
 
}
 
}
 
.text-success {
 
.text-success {
Line 1,425: Line 1,430:
 
}
 
}
 
a.bg-primary:hover {
 
a.bg-primary:hover {
   <!-- background-color: #286090; -->
+
   background-color:#76bf8d;
 
    
 
    
 
}
 
}
Line 3,141: Line 3,146:
 
.btn-primary.active,
 
.btn-primary.active,
 
.open > .dropdown-toggle.btn-primary {
 
.open > .dropdown-toggle.btn-primary {
   color: black;
+
   /* important for color change when you hover BY CHARLES WEI*/
 +
  color: #fff;
 +
  background-color: #76BF8D;
 
   border-color:none;  
 
   border-color:none;  
 
}
 
}
Line 4,823: Line 4,830:
 
.label-primary[href]:hover,
 
.label-primary[href]:hover,
 
.label-primary[href]:focus {
 
.label-primary[href]:focus {
   <!-- background-color: #286090; -->
+
   background-color: #76bf8d;
 
}
 
}
 
.label-success {
 
.label-success {
Line 6,905: Line 6,912:
  
 
.header img{
 
.header img{
 +
 
   max-width: 950px;
 
   max-width: 950px;
 
     height: auto;
 
     height: auto;
Line 6,955: Line 6,963:
 
   top:-9px;
 
   top:-9px;
 
   z-index:10;
 
   z-index:10;
}
+
 
#menuhead{
+
    
  position: absolute;
+
  z-index: 10;
+
   left:10px;
+
 
}
 
}
 
.contact
 
.contact
Line 6,968: Line 6,973:
 
     left:100%;
 
     left:100%;
 
}
 
}
#menuhead h5{
+
 
 
+
#myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20
 
+
{
  position:absolute;
+
   z-index:1;
  left:-40px;
+
  top:-59px;
+
   z-index:10;
+
 
}
 
}
#menuhead img{
+
.line
   position:absolute;
+
{
   width: 490%;
+
   display:block;
   left:-160px;
+
   margin:20px;
   top:-42px;
+
}
 +
.members
 +
{
 +
   display:inline-block;
 +
   padding:5px;
 +
    width:20%;
 +
    left:100%;
 +
}
 +
.modal-backdrop.in {
 +
    filter: alpha(opacity=50);
 +
    opacity: 1;
 +
}
 +
opacity.less:4
 +
.modal-backdrop.fade {
 +
    filter: alpha(opacity=0);
 +
    opacity: 0;
 +
}
 +
.fade.in {
 +
    opacity: 1;
 
}
 
}
  
 +
.modal-backdrop {
 +
  display:none;
 +
    position: fixed;
 +
    top: 0;
 +
    right: 0;
 +
    bottom: 0;
 +
    left: 0;
 +
    z-index: -1040;
 +
    background-color: #fff;
 +
}
 +
.title{
 +
  position:left;
 +
  padding-left: 20px;
 +
  color:rgb(88,73,63);
 +
  font-size:30px;
 +
 +
}
 +
.btn{
 +
  background-color:rgba(125, 63, 152, 0.9);
 +
}
  
 
</style>
 
</style>
 +
 
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> -->
 
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> -->
 
</head>
 
</head>
 
<body>
 
<body>
  
   <div class="logo"><a><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></a></div>
+
   <div class="logo"><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></div>
  
 
   <div class="container">  
 
   <div class="container">  
Line 7,003: Line 7,044:
 
            
 
            
 
         </li>
 
         </li>
            
+
           <li>
                   <li>
+
           
 +
            <a href="#"><span>Team</span></a>                    
 +
              <div>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Team">Team</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a>
 +
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
  </div>
 +
          </li>
 +
          <li>
 
             <a href="#"><span>Project</span></a>
 
             <a href="#"><span>Project</span></a>
 
               <div>
 
               <div>
Line 7,129: Line 7,179:
 
       </div>
 
       </div>
 
       <!--TEMPLATE ENDS HERE BY CHARELS WEI -->
 
       <!--TEMPLATE ENDS HERE BY CHARELS WEI -->
      <div class="row ">
+
        <div class="row ">
 
         <span style="height:250px"></span>
 
         <span style="height:250px"></span>
 
         <div class="jumbotron" style="color:white;">
 
         <div class="jumbotron" style="color:white;">
Line 7,854: Line 7,904:
 
       <br><br><br>
 
       <br><br><br>
  
 +
     
 
        
 
        
  
Line 7,871: Line 7,922:
  
 
</body>
 
</body>
<!-- Life sucks by Lucinda Lin. Sometimes working out a template can be so goddamn hard, and it is not responsive. -->
+
 
 
  </html>
 
  </html>

Revision as of 05:18, 12 October 2018

GBC-Team

GreatBay_China

Like its name, GreatBay_China 2018 consists of a great variety of members: 13 students from 7 different high schools, 1 instructor, 5 advisors and 2 PIs. The team is a treasury of talented and lovely people. We have bright brains with innovative ideas. We are lucky to invite competent and outstanding seniors and experts who support and guide us in the light of discovery. We are a bunch of enthusiastic people who stay up late doing labs. Meet them here!

Team Leaders


Team Members





Instructor


Primary PI


Secondary PI


Advisors