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

Line 1: Line 1:
<html><title>GBC-Team</title>
+
<html><title>GBC-IHP</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 8: Line 11:
 
   ================================================== -->
 
   ================================================== -->
 
<meta charset="utf-8">
 
<meta charset="utf-8">
  <!--[if lt IE 9]>
 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 
  <![endif]-->
 
 
   <!-- Mobile Specific Metas
 
   <!-- Mobile Specific Metas
 
   ================================================== -->
 
   ================================================== -->
Line 17: Line 17:
 
<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" />
 
<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" />
 
<!-- js jquery -->
 
<!-- js jquery -->
<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>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script>
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/bootstrap/3.3.7/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
  <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>
+
<!-- <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
 
<!-- js menu -->
 
<!-- js menu -->
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 54: Line 54:
 
}
 
}
 
</script>
 
</script>
<!-- font -->
+
<style>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Delius" />
+
/* latin */
 +
@font-face {
 +
  font-family: 'Delius';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Delius-Regular'), url(https://static.igem.org/mediawiki/2018/a/af/T--GreatBay_China--font.woff) format('woff');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 +
}
 +
</style>
 
<!-- css main -->
 
<!-- css main -->
 
<style>
 
<style>
Line 268: Line 276:
 
   pre,
 
   pre,
 
   blockquote {
 
   blockquote {
     border: 1px solid #999;
+
      
  
 
     page-break-inside: avoid;
 
     page-break-inside: avoid;
Line 1,325: Line 1,333:
 
h2,
 
h2,
 
.h2 {
 
.h2 {
   font-size: 30px;
+
   font-size: 20px;
 
}
 
}
 
h3,
 
h3,
Line 1,334: Line 1,342:
 
.h4 {
 
.h4 {
 
   font-size: 18px;
 
   font-size: 18px;
 +
  color:
 
}
 
}
 
h5,
 
h5,
Line 1,524: Line 1,533:
 
}
 
}
 
blockquote {
 
blockquote {
 +
  background:rgb(117,191,142);
 +
  color:#fff;
 +
  text-align:center;
 
   padding: 10px 20px;
 
   padding: 10px 20px;
   margin: 0 0 20px;
+
   margin-right:50px;
 +
  margin-top:20px;
 
   font-size: 17.5px;
 
   font-size: 17.5px;
  border-left: 5px solid #eee;
+
 
 
}
 
}
 
blockquote p:last-child,
 
blockquote p:last-child,
Line 6,749: Line 6,762:
  
 
}
 
}
h1 { font-family: Delius; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height:80%; } h3 { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } p { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700;line-height:110%;  } blockquote { font-family: Delius; font-size: 29px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } pre { font-family: Delius; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 500; line-height:110%; }
+
h1 { font-family: Delius; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height:80%; } h3 { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } p { font-family: Delius; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 700;line-height:110%;  } blockquote { font-family: Delius; font-size: 29px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } pre { font-family: Delius; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 500; line-height:110%; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h4,  {  
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h4,  {  
 
margin-bottom: 0px;  
 
margin-bottom: 0px;  
Line 6,758: Line 6,771:
 
}
 
}
  
 +
.row ul,ol{
 +
  font-size:14px;
 +
}
 
/* navigator */
 
/* navigator */
 
/* the entire div */
 
/* the entire div */
Line 6,914: Line 6,930:
 
   width:950px;
 
   width:950px;
 
   background:rgba(125, 63, 152, 0.4);
 
   background:rgba(125, 63, 152, 0.4);
   min-height:2000px;
+
   min-height:9000px;
  
 
}
 
}
Line 6,971: Line 6,987:
 
}
 
}
  
#myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 #myModal21
+
#myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20
 
{
 
{
 
   z-index:1;
 
   z-index:1;
Line 7,012: Line 7,028:
 
.title{
 
.title{
 
   position:left;
 
   position:left;
  padding-left: 20px;
 
 
   color:rgb(88,73,63);
 
   color:rgb(88,73,63);
 
   font-size:30px;
 
   font-size:30px;
Line 7,046: Line 7,061:
 
   top:-42px;   
 
   top:-42px;   
 
}
 
}
 +
.logos
 +
{
 +
  padding:10px;
 +
  margin:10px;
 +
  color: white;
 +
  background-color:rgba(125, 63, 152, 0.9);
 +
  display:inline-block;
 +
  width:250px;
 +
  height:260px;
 +
  vertical-align:top;
  
 +
}
  
 +
.photo{
 +
  padding-left:10px;
 +
}
 +
.sameline
 +
{
 +
  display:inline-block;
 +
  padding:5px;
 +
  padding-right:10px;
 +
}
 +
th{
 +
  width:120px;
 +
}
 
</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> -->
Line 7,063: Line 7,101:
 
                  
 
                  
 
                  
 
                  
                 <h5> Meow~</h5>
+
                 <h4> Meow~</h4>
                 <img onclick="changeface()"  src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width="800px"></div>
+
                 <img onclick="changeface()"  src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width="850px"></div>
 
            
 
            
 
         </li>
 
         </li>
 
            
 
            
                   <li id="active">
+
                   <li>
 
             <a href="#"><span>Team</span></a>                     
 
             <a href="#"><span>Team</span></a>                     
 
               <div>
 
               <div>
Line 7,102: Line 7,140:
 
            
 
            
 
           </li>
 
           </li>
           <li>
+
           <li id="active">
 
             <a href="#"><span>HP</span></a>
 
             <a href="#"><span>HP</span></a>
 
               <div>  
 
               <div>  
Line 7,154: Line 7,192:
 
          
 
          
 
          
 
          
     </div>  
+
     </div>
 
          
 
          
 
          
 
          
Line 7,206: Line 7,244:
 
       </div>
 
       </div>
 
       <div class="row">
 
       <div class="row">
         <div class="header" style="margin-left:-14px;">
+
         <div class="header" style="margin-left: -14px;">
 
           <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
 
           <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
 
         </div>
 
         </div>
Line 7,213: Line 7,251:
 
       <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)-->       
 
       <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)-->       
  
     
+
       
 +
<div class="row">
 +
  <div class="jumbotron" style="text-align:center;">
 +
<h2 style="font-size:30px;"> Integrated Human Practice</h2>
 +
<h4>Since our project was finalized with the aim of tackling a profound social issue, we made sure a great variety of opinions and concerns are integrated into the design and each stage of processes. To reduce the number of stray cats in the same time ensuring their safety and privileges requires not only theoretical drafts, but also practical approaches to verify our ideas; At the same time, working on both E.coli and yeast brought us with many problems and challenges that need help from experienced figures. Thus, our project consists of many parts, all of which finalized and adapted as a result of interviews and conversations with stakeholders, pioneers and normal public. Always beware of the impacts and contributions our product could bring to the society (by considering ethics, safety, and sustainability issues), our project evolves over time.</h4>
  
      <div class="row ">
+
</div>
        <span style="height:250px"></span>
+
</div>
        <div class="jumbotron" style="color:white;">
+
</br></br>
          <h2>GreatBay_China</h2>
+
        
          <h4> 
+
<div class='row' style="padding-left:100px; padding-right: 100px;">
            Like its name, GreatBay_China 2018 consists of a <i>great</i> 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!
+
  <div>
          </h4>
+
  <h1 class="title">Advice for our project</h1><br><br>
        </div>
+
  </div>
       </div>
+
</div>
<div id="myCarousel" class="carousel slide" style=" padding:50px;
+
<br><br>  
  margin:50px; width:825px;">
+
    <ol class="carousel-indicators">
+
<div class="row" style="padding-left:100px;padding-bottom:100px;">    
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
    <div class="logos">
        <li data-target="#myCarousel" data-slide-to="1"></li>
+
         <img class="photo" width="220px" src="https://static.igem.org/mediawiki/2018/8/81/T--GreatBay_China--%E7%9C%9F%C3%B8%E5%BC%A0%E6%B5%A9%E5%8D%83%E5%A4%A7%E5%A4%B4%E7%85%A7.jpeg" />
        <li data-target="#myCarousel" data-slide-to="2"></li>
+
         <h4 style="position:bottom;text-align:center;">Dr. Haoqian Zhang</h4>
    </ol>  
+
    <div class="carousel-inner">
+
        <div class="item active">
+
            <img width="750" src="https://static.igem.org/mediawiki/2018/e/e1/T--GreatBay_China--carousel1.jpg.jpg" alt="First slide">
+
        </div>
+
         <div class="item">
+
            <img width="750" src="https://static.igem.org/mediawiki/2018/6/69/T--GreatBay_China--carousel2.jpeg" alt="Second slide">
+
        </div>
+
         <div class="item">
+
            <img  width="750" src="https://static.igem.org/mediawiki/2018/7/73/T--GreatBay_China--carousel3.jpeg" alt="Third slide">
+
        </div>
+
 
     </div>
 
     </div>
     <a class="carousel-control left" href="#myCarousel"  
+
     
      data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
+
     <div class="logos" style="background-color: unset;width:500px;color:#000;">
    <a class="carousel-control right" href="#myCarousel"  
+
        <h4 style="position:top;">Dr. Haoqian Zhang: </h4>
      data-slide="next">&rsaquo;</a>
+
<br><br>
 +
        <h4 style="position:top;">
 +
        When we first came up with the idea of synthesizing the precursor of active ingredient of catnip, nepetalactol, we faced tremendous difficulties; we don’t know clear applications of nepetalactol and questioned ourselves about the value of it to the society; also, it is quite esoteric for a high school iGEM team to construct genetic circuits inside yeast, which none of our team members have any experience with. With these questions, we visited Dr. Haoqian Zhang, the CTO of Bluepha Co., Ltd. 
 +
</div>
 +
       
 +
 
 
</div>
 
</div>
  
    <div class="row" id="teamV" style="padding-left:50px; padding-right: 50px;">
+
<div class="row" style="padding-left:100px; padding-right: 100px;">
 +
<br><br>
 +
 +
  <p style="font-family: Delius; font-size: 18px;">  He confirmed us that the question is not whether it could be applied or not, but is it interesting, and when to get started. Boosting our confidence to move on our project as a science campaign, he presented us with the idea of co-culture. With this design we could effectively give the synthesize our product on the same plate, increasing efficiency and reducing the time spent on production. Besides this, he introduced us with a recent technology: stable promoters of TALEsp. He suggested that it could be used to stabilize and enhance the production of geraniol inside E.coli. His advice was of significant impact in the shaping of our project trajectory, and brought us with the later goal of constructing a TALEsp library.
 +
 +
  </p>
 +
<br><br>
 +
<blockquote>
 +
<h4>‘Science is not about the application, but about fun.’
 +
— Dr. Zhang
 +
</h4>
 +
</blockquote>
 +
</div>
 +
<br><br>
 +
 
 +
<div class="row" style="padding-left:100px;padding-bottom:100px;">
 
          
 
          
        <p><video src="https://static.igem.org/mediawiki/2018/6/68/T--GreatBay_China--Documentary_PV.mp4" type="video/mov" height="auto" width="850" controls></video></p>
+
          <div class="logos" style="margin-top:45px;">
      </div><br><br><br>
+
          <img class="photo" id=‘SZU’ height="200px" src="#" />
 +
          <h4 style="position:bottom;text-align: center;">Dr. Christopher Voigt</h4>
 +
 
 +
          </div>
 +
   
 +
          <div class="logos" style="background-color: unset;width:500px;color:#000;">
 +
          <h4 style="position:bottom;text-align: center;">Dr. Christopher Voigt:</h4>
 +
  <br><br>
 +
            <h4 style="position:top;">
 +
Intro - Voigt
 +
      </h4>
 +
 +
        </div>
 +
</div>
  
      <div class='line'>
+
<div class="row" style="padding-left:100px; padding-right: 100px;">
       
+
<br><br>
       
+
   
        <h1 class="title"> Team Leaders</h1><br>
+
  <p style="font-family: Delius; font-size: 18px;">  Having decided to use TALEsp in our project, we were not sure about whether should we apply it to yeast or not. Thus on July 7th, at the 4th Synthetic Biology Youth Scholar Forum, we asked Dr. Christopher Voigt about his opinion on integrating TALEsp into yeast and other technical questions related. Dr. Voigt, the leader of the team who created TALEsp, hinted that since TALEsp sequences are similar to each other, an application in yeast would most possibly trigger the reassemble system of yeast and dysfunction its ability. Also, in the aspect of E.coli TALEsp, he suggested integrating the circuits to the genome to prevent failure of TALEsp when a large number of bacteria exist (e.g fermenter). When coming into the technique of characterizing TALEsp promoters, we were uncertain of which method to use: GFP or RNA-seq. He clarified that these two techniques are not of much difference, only that RNA-seq is a little more accurate, but at the same time much more expensive. We thus decided a GFP characterization method.
        <div class="members" >
+
         
+
  </p>
 
+
<br><br>
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
+
<img style="align-self: center;width:760px;" src="https://static.igem.org/mediawiki/2018/1/1b/T--GreatBay_China--HP_%2851%29.jpg" width="850px" />  
            <img class="photo" id='dtl' width="250px" src="https://static.igem.org/mediawiki/2018/5/55/T--GreatBay_China--dtl.jpg"/>
+
        <h6 style="text-align: center;">GreatBay_China with Dr. Voigt </h6>
            <h4>Alexis Zeng</h4>
+
</div>  
          </button>
+
<br><br>
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel1">Alexis Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                      Hello world! I’m Alexis, a student from Shenzhen College of International Education, blue-haired, not very humorous. This is my second year participating in iGEM but the first time as a team leader. I am involved in a lot of parts of mCATNIP, but mainly I focus on project design and team management. Speaking as a high school student, this experience with iGEM and synbio is simply fascinating: after being overwhelmed by the existing delicate rational designs, we get to create our own designs and build them from pieces. But it’s a huge challenge towards my resilience to be honest, especially when the transformation keeps failing and colony PCR shows no correct results. But still, I would listen to Paciencia y Fe by Lin-Manuel Miranda and continue working. Beyond iGEM, I’m a fan of musical theater, an equestrian enthusiast, and a cheese lover.
+
                      <br><br>
+
                      Role in team:<br>
+
                      <ul>
+
                        <li>Project design and literal research</li>
+
                        <li>Coordinating different groups in the team</li>
+
                        <li>Proposed the first version of applied design (cat shelter)</li>
+
                        <li>Responsible for knocking out genes in yeast and spent the entire summer in lab</li>
+
                        <li>Social (although sometimes I’m kinda social-phobic..)</li>
+
                      </ul>
+
                    </div>
+
                    <div class="modal-footer">
+
                      Nickname:大统领(Big Commander), 阿狸(Ali)
+
  
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
<div class="row" style="padding-left:100px;padding-bottom:100px;">
                    </div>
+
       
                </div><!-- /.modal-content -->
+
        <div class="logos">
            </div><!-- /.modal-dialog -->
+
        <img class="photo" id=‘SZU’ height="200px" src="#" />
         </div><!-- /.modal -->
+
         <h4 style="position:bottom;text-align: center;">Dr. Qiuli Lou</h4>
 
         </div>
 
         </div>
         <div class="members" >
+
   
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2">
+
         <div class="logos" style="background-color: unset;width:500px;color:#000;">
            <img class="photo" id='lwq' width="250px" src="https://static.igem.org/mediawiki/2018/6/6a/T--GreatBay_China--lwq1.jpg"/>
+
        <h4 style="position:bottom;text-align: center;">Dr. Qiuli Lou:</h4><br><br>
            <h4>Lucinda Lin</h4>
+
        <h4 style="position:top;">
          </button>
+
Intro-Lou
 +
</h4>
 +
</div>
 +
</div>
  
        <!-- 模态框(Modal) -->
+
<div class="row" style="padding-left:100px; padding-right: 100px;">
        <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
<br><br>
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Lucinda Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                      You are looking at the photo of someone who is suffering through her second year of iGEM! Her work involved wet lab, HP, safety and wiki last year; this year her duty only increases. She is a neutral-chaotic person/team leader that has tried all kinds of work in iGEM and accumulated many skills during the process. And she applies to computational bio as her major. Because it is hard, but cool. And HAIL GREATBAY_CHINA! <br><br>
+
  
                      Role in team:<br>
+
  <p style="font-family: Delius; font-size: 18px;"> To work with yeast is a great challenge to our team. Many information of Yeast remains unclear, yet the most emergence one is that we don’t know exactly the condition to carry out colony PCR. To tackle this problem we sought help from Lou, a graduate student majoring on biotechnology at Fujian Agriculture and Forestry University. From this conversation, we figured out a way of diluting free colonies in 20mM NaOH for 10min 100˚C before the normal PCR process. Breaking through this technical problem our yeast circuits construction gets to move on. </h4>
                      <ul>
+
                        <li>Human practice, and in charge!? Oh, you can never know what trouble she find for her incapable self.</li>
+
  </p>
                        <li>Project, research ways to get more products.</li>
+
<br><br>
                        <li>Modeling, when she wrote this, she did’t even know whether she could finish it.</li>
+
</div>  
                        <li>Wiki, just that iGEM server can be excruciatingly slow sometimes.</li>
+
<br><br>
                      </ul>
+
<div class="row" style="padding-left:100px;padding-bottom:100px;">
 
+
       
                    </div>
+
        <div class="logos"style="margin-top:75px;">
                    <div class="modal-footer">
+
        <img class="photo" id=‘SZU’ height="200px" src="https://2018.igem.org/File:T--GreatBay_China--Junbiao_Dai.jpeg" />
                      Nickname:大总理(Prime Minister),lwq, Timshel
+
         <h4 style="position:bottom;text-align: center;">Dr. Junbiao Dai</h4>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
         </div><!-- /.modal -->
+
 
         </div>
 
         </div>
         <div class="members" >
+
   
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal3">
+
         <div class="logos" style="background-color: unset;width:500px;color:#000;">
            <img class="photo" id='yx' width="250px" src="https://static.igem.org/mediawiki/2018/0/07/T--GreatBay_China--yx.jpg"/>
+
        <h4 style="position:bottom;text-align: center;">Dr. Junbiao Dai:</h4><br><br>
            <h4>Sean Yao</h4>
+
        <h4 style="position:top;">
          </button>
+
Intro-Dai
 +
</h4>  
 +
</div>
 +
</div>
  
        <!-- 模态框(Modal) -->
+
<div class="row" style="padding-left:100px; padding-right: 100px;">
        <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
<br><br>
            <div class="modal-dialog">
+
                <div class="modal-content">
+
  <p style="font-family: Delius; font-size: 18px;"> Our design on experiment involves knock out of 4 enzymes and knock in of 3 enzymes in yeast, and we primarily decide, in the knock out experiments, to use the Hi-crisper technique developed by Junibiao Dai and his team. (further details see our design page: <link>) However, after several attempts, we found the technique troublesome: they did not work as demonstrated by the paper. Also, during the expression stage, we found out that E.coli often dies when our pYES plasmid is transformed, yet yeast often will not carry this plasmid when transformed directly from Gibson product. We thus sought for a chance to interview Dr. Dai and inquired him the problem we faced. He suggested that if Hi-crisper will not work, then a traditional knock out process is recommended to be carried out. Also, for the dying E.coli plight, he hinted that the pYES plasmid with three coding sequences of the enzymes to be expressed might be toxic to E.coli as a whole. The circuits heavies the metabolic burden of E.coli tremendously and leading to their death. Finally, he debugged the yeast issue, saying that Gibson product has a low concentration, and presented a feasible solution of lengthening the homogenous arm to trigger the homogeneous recombination stem of yeast. We adapted his suggestion of knock out sequence one by one.
                    <div class="modal-header">
+
 
                      <h3 class="modal-title" id="myModalLabel">Sean Info</h3>
+
  </p>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
<br><br>
                       
+
</div>  
                    </div>
+
<br><br>
                    <div class="modal-body">
+
<div class="row" style="padding-left:100px;padding-bottom:100px;">
                      I‘m Sean, one of the team leaders of GreatBay_China, the Knight of night, and the owner of Dark circles. In the gap year after I graduated from Shenzhen High School of Science I decided to take part in the iGEM as a High School student and figure out what major I would like to study before I go to the university. The motto of Shenzhen High School of Science says:"the future isn't the place we aim to go but the place we want to build.", as a student who inherits this school spirit, I joined in this completely New formed team and learn how to run a iGEM team effectively with my extraordinary partners. <br><br>
+
       
                      Role in team:<br>
+
        <div class="logos">
                      <ul>
+
        <img class="photo" id=‘SZU’ height="200px" src="#" />
                        <li>experiment design</li>
+
        <h4 style="position:bottom;text-align: center;">Dr. Chong Zhang</h4>
                        <li>Operate experimental instrument(Gas Chromatograph、Flow Cytometer)  and analyze data</li>  
+
                        <li>Clone picker</li>
+
                        <li>Night shift worker</li>
+
                        <li>the funding keeper</li>
+
                        <li>mascot</li>
+
                      </ul>
+
                    </div>
+
                    <div class="modal-footer">
+
                      Nickname:欧将军(General Ou(lucky))
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
         </div>
 
         </div>
      </div>
+
   
     
+
        <div class="logos" style="background-color: unset;width:500px;color:#000;">
 
+
        <h4 style="position:bottom;text-align: center;">Dr. Chong Zhang:</h4><br><br>
 +
        <h4 style="position:top;">
 +
Intro-Zhang
 +
</h4>
 +
</div>
 +
</div>
 +
<div class="row" style="padding-left:100px; padding-right: 100px;">
 +
<br><br>
  
 +
  <p style="font-family: Delius; font-size: 18px;"> Chong Zhang is the partner of Junbiao Dai; he introduced he and Dr. Dai’s paper: MiYA, an efficient machine-learning workflow in conjunction with the YeastFab assembly strategy for combinatorial optimization of heterologous metabolic pathways in Saccharomyces cerevisiae to us. This paper introduced a possible way to enhance the production of nepetalacol in yeast, and we grew very keen on adopting this method. However, due to the lack of database and the scanty of time, this method was obsoleted.
 +
 +
  </p><br><br>
 +
</div>
 +
<br><br>
 +
<div class="row" style="padding-left:100px;padding-bottom:100px;">
 
          
 
          
 +
        <div class="logos">
 +
        <img class="photo" id=‘SZU’ height="200px" src="#" />
 +
        <h4 style="position:bottom;text-align: center;">Dr. Akihiko Kondo</h4>
 +
        </div>
 +
   
 +
        <div class="logos" style="background-color: unset;width:500px;color:#000;">
 +
        <h4 style="position:bottom;text-align: center;">Dr. Akihiko Kondo:</h4><br><br>
 +
        <h4 style="position:top;">
 +
Intro-Zhang
 +
</h4>
 +
</div>
 +
</div>
 +
<div class="row" style="padding-left:100px; padding-right: 100px;">
 +
<br><br>
 +
 +
  <p style="font-family: Delius; font-size: 18px;">  We met Dr. Kondo at the 4th Synthetic Biology Youth Scholar Forum and introduced our project to him, with whom grew very interested. He suggested his point mutation plasmid to us. Due to the lack of time, we did not integrate this suggestion into our project; but we are thankful to his help and appreciate his kindness.
  
 +
  </p>
 +
<br><br>
 +
<img style="align-self: center;width:760px;" src="https://static.igem.org/mediawiki/2018/c/c4/T--GreatBay_China--HP_%2823%29.jpg" />
 +
  <h6 style="text-align: center;">We participated the 4th Synthetic Biology Young Scholar Forum, where we met Dr. Akihiko Kondo.
 +
We gained a lot of knowledge and advice there and broadened our scope
 +
</h6>
 +
<br> <br>
 +
</div>
  
      <div class='line'>
 
        <h1 class="title"> Team Members</h1><br>
 
        <div class="members"  >
 
         
 
  
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal4">
 
            <img class="photo" id='yyy' width="250px" src="https://static.igem.org/mediawiki/2018/b/b4/T--GreatBay_China--tara.jpg"/>
 
            <h4>Tara Yuan</h4>
 
          </button>
 
  
        <!-- 模态框(Modal) -->
+
<div class='row' style="padding-left:100px; padding-right:100px;">
        <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
  <div>
            <div class="modal-dialog">
+
  <br><br>
                <div class="modal-content">
+
    <br><br>
                    <div class="modal-header">
+
  <h1 class="title">Advice for our applied design</h1>
                      <h3 class="modal-title" id="myModalLabel">Tara Info</h3>
+
  <br><br>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
  <br><br>
                       
+
</div>
                    </div>
+
                    <div class="modal-body">Hi all! Here is Tara, from Shenzhen college of International education, who surely aim to be a biology person. As a first-year iGEMer, my main job in the lab is to cast as primer dimer, so our PCR will be well-off. For sure, it’s just my personal belief, not a Chinese custom.<br><br>  
+
                    To me, iGEM is not only exploring the whole unknown field, but also a training of physical endurance to demanding work. <br><br>
+
                    Anyway, l think l should cut my self-intro short since l don’t have any unique talent or interest. Thank you all!!!<br><br>
+
 
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Hanging around in Lab and meddling with almost every experiment. Babysitting E.coli and Yeast, though sometimes l have to lyse them.</li>
+
                      <li>Main Chief——Today’s recommendation :fried sausages, bacon or eggs.</li>
+
                    </ul>
+
 
</div>
 
</div>
                    <div class="modal-footer">
 
                      Nickname: 宝中宝(Apple of the team's eye)
 
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                    </div>
 
                </div><!-- /.modal-content -->
 
            </div><!-- /.modal-dialog -->
 
        </div><!-- /.modal -->
 
       
 
  
  
         </div>
+
<div class="row" style="padding-left:100px;">
        <div class="members" >
+
          
            
+
          <div class="logos">
 +
          <img class="photo" id=‘SZU’ height="200px" src="https://static.igem.org/mediawiki/2018/8/82/T--GreatBay_China--li.jpg" />
 +
          <h4 style="position:bottom;text-align: center;">Fenghua Li:</h4>
 +
          </div>
 +
   
 +
          <div class="logos" style="background-color: unset;width:500px;color:#000;">
 +
           <h4 style="position:bottom;text-align: center;">Fenghua Li:</h4><br><br>
 +
            <h4 style="position:top;">
 +
        We managed to contact a stray cay rescue figure in Beijing, named Fenghua Li. Having pursued this activity for 20 years, first on her own then with her rescue team, she hinted us that stray cats are of extreme alert and is often hard to capture. In order to save more stray cats and to eliminate the future population of them, the process of TNR (Trap, Neuter, and Release) is essential.
 +
</h4>
 +
   
 +
<br>
 +
<br>
 +
</div>
  
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal5">
+
</div>
            <img class="photo" id='lmh' width="250px" src="https://static.igem.org/mediawiki/2018/6/61/T--GreatBay_China--leo.jpg" />
+
<div class="row" style="padding-left:100px; padding-right:100px;">
            <h4>Leo Li</h4>
+
<br><br>
          </button>
+
  
        <!-- 模态框(Modal) -->
+
  <p style="font-family: Delius; font-size: 18px;">
        <div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
This reminds us of a construction of a ‘Kitty wonderland’ (KW) to which cats are attracted when our nepetalactol is placed in, and which can aid the work of the rescue team. Besides that, acting as a household, if possible, to stray cat population. Associating with our project of nepetalacol, the proposal not only suggests a way of applying our project, but also brings benefit to the whole society by eliminating the population of stray cats. From then on, our first draft and prototype of this device are proposed, and the campaign of our hardware begins.
            <div class="modal-dialog">
+
   
                <div class="modal-content">
+
                    <div class="modal-header">
+
  </p>
                      <h3 class="modal-title" id="myModalLabel">Leo Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                      Hey guys I’m Leo from Shenzhen College of International Education. Being keen on Molecular Biology I participated in iGEM and found the lab work so disastrous that I would surely knee in front of the cultivator and beg the E.coli to accept our plasmid and survive if this will help. Obviously it doesn’t. I love tarot a lot and predicts on our PCR results often and the only truth I foresee is that science contradicts the unreliable belief.<br><br>
+
                      Participating iGEM, to me, is a body and mental building tour that involves endless number of deadlines and lab nights. It is also an exhilarating adventure with the accompany with my friends. Hooray to the all-night-PCR and long live our bioparts!!!<br><br>
+
  
                      Role in team:<br>
+
  <br><br>
                      <ul>
+
</div>
                        <li>Online researches of anything related to the project to solve ethnical and project problems</li>
+
   
                        <li>Some paper works</li>
+
<br>  
                        <li>Low quality lab works</li>
+
<br>
                        <li>Bring the team with laughter!!</li>
+
                      </ul>
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname:正能量宝物(Positive treasure), Primer dimer, 陈独秀夫妇
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
  
 +
</div>
  
  
        </div>
+
<div class="row" id="DocuP0" style="padding-left:50px; padding-right: 50px;">
                <div class="members" >
+
        <p style="font-family: Delius; font-size: 16px;"><i>This video tells the real story between Ms. Li and GreatBay_China, it starts with Rocky on his way to interview Aunt Li and ends with Aunt Li’s future expectations and how we helped her.</i></p><br>
         
+
        <h5>GBC Documentary P0</h5>
 
+
        <p><video src="https://static.igem.org/mediawiki/2018/c/c2/T--GreatBay_China--homepage_video.mp4" type="video/mov" height="auto" width="850" controls></video></p>
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal6">
+
        <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);vertical-align: top;">
            <img class="photo" id='wky' width="250px" src="https://static.igem.org/mediawiki/2018/d/d3/T--GreatBay_China--cs_p.jpg" />
+
          <button type="button" style="color:#fff;vertical-align: top;" class="btn btn-primary" title="Charles" 
            <h4>Charles Wei</h4>
+
              data-container="body" data-toggle="popover" data-placement="top"
 +
              data-content="Meow! No prior episode~">
 +
            Last Episode
 
           </button>
 
           </button>
 
+
         </div>
        <!-- 模态框(Modal) -->
+
        <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);width:634px;">
         <div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
          <a href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement#Docu">
            <div class="modal-dialog">
+
          <h5 style="color:#fff;text-align: center;"> Check Full Playlist</h5>
                <div class="modal-content">
+
          </a>
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Charles Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
 
+
                      Not a man who history shall remembers, but a member that the team cannot exist without. He is the General Ou's Right Hand Man, Big Commander's First Colonel, Prime Minister's First Secretary. When in need, he acts in role of artistic designer, video maker, and even takeaway delivery. You can say he is versatile, but standing in his position requires more --- guts, persistence, and willpower. Under the pressure of the Triple Leaders, he survives with everlasting faith and everlasting hair and everlasting dark circles under eyes. <br><br>
+
 
+
                      So this is Charles, a high school student from Shenzhen College of International Education, an intellectually curious learner, a frenetic nerd about science, and a coding amateur who struggles with coding languages but oddly becomes one of the member for wiki construction. My hobbies include hiking, swimming, biking, reading, writing, music, video-making, watching musicals……I like to share stories and make friends! Cheers!<br><br>
+
 
+
                      Role in team:<br>
+
                      <ul>
+
                        <li>Spent most of my summer and after-school time in lab, playing and nursing E.coli and yeasts -- Dancing or crying in front of the gel photography machine. </li>
+
                        <li>Present the idea of third improvement of applied design, Cat Shelter</li>
+
                        <li>Director and editor of team video</li>
+
                        <li>Wiki construction, basically dying to learn 3 alien languages</li>
+
                        <li>Uploaded 55 parts :-)</li>
+
                      </ul>
+
 
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname: General Ou's Right Hand Man,坚挺肉丝
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
         </div>
 
         </div>
      </div>
+
         <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);">
 
+
           <a href="https://2018.igem.org/Team:GreatBay_China/HP#DocuP1">
            <div class='line'>
+
           <h5 style="color:#fff;text-align: right;"> Next Episode</h5>
         <div class="members" >
+
          </a>
         
+
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal7">
+
            <img class="photo" id='yrz' width="250px" src="https://static.igem.org/mediawiki/2018/4/4e/T--GreatBay_China--lr_p.jpg"/>
+
            <h4>Rocky Yu</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Rocky Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">My name is Rocky. I’m a student, I’m a high school student. I’m an iGEMer who fulfills people’s fantasies, their deep dark fantasies. I was studying macroscopic biology, you know, paleontology and zoology. But after seeing how significant molecular biology is, I thought I had enough, so I stepped into the biolab. <br><br>
+
                    I was kind of a dumb boy of my life, tying myself aside my desk and creating fantasies. But now I’m doing that in the lab.<br><br>
+
 
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Doing experiment with E. coli and S. cerevisiae. More specifically, participating in plasmid construction, promoter characterization and fermentation.</li>
+
                      <li>Trying my best to be a social-butterfly in HP.</li>
+
                      <li>Planning, directing and fulfilling the ‘HP Documentary’.</li>
+
                      <li>Motivating my teammates.</li>
+
                    </ul>
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname: 日上老君(The lucky old sun)
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
+
        </div>
+
        <div class="members"  >
+
            
+
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal8">
+
            <img class="photo" id='ytf' width="250px" src="https://static.igem.org/mediawiki/2018/a/ae/T--GreatBay_China--dadu.jpg" />
+
            <h4>Eden Yu</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Eden Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Everything is distinctive here, everything is challenging. Everything is innovative here, everything is inspiring. iGEM gives me joy, skills and experience, but it also gives me stress, barriers and hardship. I come here to enjoy, to imagine, but also to learn and improve. OK! Enough nonsense! I am Eden, an A1 student from Shenzhen College of International Education, who is currently fully occupied by study, iGEM and study plus iGEM --- It has been three weeks since I went to the gym last time, incredible! Sport is a main part of my life, it can release my systemic exhaustion and depression at anytime. I am not social, but making friends and cooperating with team members are truly fascinating.<br><br>
+
 
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Doing experiment</li>
+
                      <li>Modeling, sensitivity analysis and coculture</li>
+
                      <li>Product design, 3D modeling, experiments and construction</li>
+
                      <li>Human practise interviews</li>
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname: 大都,一灯,勇哥(Brave man)
+
 
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
+
        </div>
+
 
+
                <div class="members" >
+
         
+
 
+
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal9">
+
            <img class="photo" id='xwd' width="250px" src="https://static.igem.org/mediawiki/2018/f/f5/T--GreatBay_China--xwd.jpg" />
+
            <h4>Wade Xiao</h4>
+
           </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Wade Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                    Hi my name is Wade and this the first year of participating iGem. Currently I am an IB student in Shenzhen Senior High School. Since the painful memory of making LB medium three times and fails four times do not fade and for the sake of whole lab, now I am trying to help the team outside the lab including modeling and doing human practice. I also the play the role of bio-safety reminder in the team. Anyway, hope to see your guys in Boston. <br><br>
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Project brainstorm and subsequent research</li>
+
                      <li>Co-culture modeling and human practice</li>
+
                      <li>Plasmid construction and reminder of biosafety</li>
+
                    </ul>
+
                  </div>
+
                    <div class="modal-footer">
+
                      Nickname: 皮迪,真皮沙发
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
+
 
         </div>
 
         </div>
 +
        <br><br>
 +
        <p style="font-family: Delius; font-size: 16px;"><i>The stray cats are indeed a non-negligible problem in many parts of the world, bringing in serious outcomes and the current solutions to it are not very efficient. To know more, please check the next episode.</i></p><br> 
 
       </div>
 
       </div>
 +
      <br>
  
            <div class='line'>
+
<div class="row" style="padding-left:100px;padding-bottom:100px;">
         <div class="members" >
+
          
            
+
          <div class="logos">
 +
           <img class="photo" id=‘SZU’ height="200px" src="https://static.igem.org/mediawiki/2018/8/82/T--GreatBay_China--li.jpg" />
 +
          <h4 style="position:bottom;text-align: center;">Rescue Team:</h4>
 +
          </div>
 +
   
 +
          <div class="logos" style="background-color: unset;width:500px;color:#000;">
 +
          <h4 style="position:bottom;text-align: center;">Rescue Team:</h4><br><br>
 +
            <h4 style="position:top;">
 +
      To improve our KW, we decided to construct a 3D model; but whether is this device really aiding the works of rescue teams or not, or if it's but a burden to them, remains unanswered. Thus a few weeks later we managed a thorough online interview with the leader of the rescue team of Ms. Fenghua Li, Dachui, and introduced for the first time our thoughts of this KW to the stakeholder. To our surprise, this design was much approved by Dachui and other team members, and consolidated our will of materializing the KW. </h4>
  
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal10">
+
</div>
            <img class="photo" id='wzg' width="250px" src="https://static.igem.org/mediawiki/2018/e/ea/T--GreatBay_China--marie_p.jpg"/>
+
</div>
            <h4>Marie Wei</h4>
+
          </button>
+
  
        <!-- 模态框(Modal) -->
+
  <br><br> <br><br>
        <div class="modal fade" id="myModal10" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
  <div class='row' style="padding-left:100px; padding-right: 100px;">
            <div class="modal-dialog">
+
  <div>
                <div class="modal-content">
+
  <h1 class="title">Advice for our hardware</h1> <br> <br>
                    <div class="modal-header">
+
<h4>Our first proposal of Kitty Wonderland consists of an overall structure made of tent and canvas that is convenient for transport after cat is captured; An auto-close door to capture the cat and facilitate the later neuter process; and a small chamber inside the tent that contains our genetically modified co-culture plate of E.coli and Yeast to release nepetalactol, which attract stray cats. This prototype changes as we develop further communications with specialist designers, cat-rescue pioneers, and stockholders, all of whom have advice that we integrated into our hardware design.
                      <h3 class="modal-title" id="myModalLabel">Marie Info</h3>
+
<br><br>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
</h4></div>
                       
+
</div>
                    </div>
+
                    <div class="modal-body">
+
                      Hi! (whoever is now surfing this site) My name is Marie Wei, a sophomore who is studying abroad in Worcester Academy, Worcester, Massachusetts, US. I am a very easy-going person with many different hobbies and specialities (in various levels of course). In my leisure time, I would enjoy myself by reading, writing stories, drawing, playing instruments, working out and so on. Attending iGEM this year and becoming a member of GreatBay_China is one of the best things that I have ever done in my life. I am the kind of person who always feels enthusiastic about every decisions in life. By attending iGEM, I have received a absolutely incredible experience dealing with synthetic biology. Biology has always been one of my passions and interests, by attending iGEM, the only thing I can say about it would be: I am IN LOVE with this subject—totally, genuinely, in LOVE.<br><br>
+
  
                      During this whole summer, I had great fun with the team, discovered myself and those little tubes more in the lab, and really, generated a large amount of LOVE for biology. <br><br>
 
  
                      Really. The best experience ever.<br><br>
+
<br> <br>
 +
<div class="row" style="padding-left:100px;padding-bottom:100px;">
 +
     
 +
          <div class="logos">
 +
          <img class="photo" id=‘SZU’ width="220px" src="https://static.igem.org/mediawiki/2018/b/bd/T--GreatBay_China--%E6%9D%8E%E5%B1%BF%E5%A4%A7%E5%A4%B4%E7%85%A7.png" />
 +
          <h4 style="position:bottom;text-align: center;">
 +
Yu Li</h4>
 +
          </div>
 +
   
 +
          <div class="logos" style="background-color: unset;width:500px;color:#000;">
 +
          <h4 style="position:top;">
 +
Yu Li:</h4><br><br>
 +
            <h4 style="position:top;">
 +
       
 +
When the first draft was schemed, we sought professional help from specialists in X.factory, Shenzhen’s first and leading maker space since 2011. By then we were extremely unconfident with our design, and kept on delaying the finale of our 3D model. When we talked through our situation with Li Yu, a designer in X.factory, she urged us to carry out our first prototype and put it in practice.
  
                      Role in team:<br>
+
                      <ul>
+
      </div>
                        <li>art design (including teams peripheral products such as postcards, bags; wiki illustration; illustration on team uniform)</li>
+
    </div>
                        <li>helped to generate ideas in creating our final product: the kitty wonderland and helped with product experiment</li>
+
<div class="row" style="padding-left:100px; padding-right: 100px;">
                        <li>also did some help with experiments during summer vacation</li>
+
<br><br>
                      </ul>
+
 
 +
  <blockquote>
 +
 +
<h4>‘Make it work, make it fast, make it beautiful.’
 +
—Yu Li
 +
</h4></blockquote>  
 +
<br> <br>
 +
  <p style="font-family: Delius; font-size: 18px;">  
 +
Although we did not follow our first prototype when materializing the Kitty Wonderland, her advice to a large extent prompt our process in hardware construction.
 +
 +
  </p>
  
                    </div>
+
<br><br>
                    <div class="modal-footer">
+
                        Nickname: 大触,触级天使(Angle Artist)
+
</div>  
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
  
 +
   
  
        </div>
+
<br> <br>
 +
<div class="row" style="padding-left:100px;padding-bottom:100px;">
 +
     
 +
          <div class="logos">
 +
          <img class="photo" id=‘SZU’ width="220px" src="https://static.igem.org/mediawiki/2018/4/48/T--GreatBay_China--WY.jpg" />
 +
          <h4 style="position:bottom;text-align: center;">
 +
Yue Wu</h4>
 +
          </div>
 +
   
 +
          <div class="logos" style="background-color: unset;width:500px;color:#000;">
 +
          <h4 style="position:top;">
 +
Yue Wu:</h4><br><br>
 +
            <h4 style="position:top;">
 +
       
 +
When the first draft was schemed, we sought professional help from specialists in X.factory, Shenzhen’s first and leading maker space since 2011. By then we were extremely unconfident with our design, and kept on delaying the finale of our 3D model. When we talked through our situation with Li Yu, a designer in X.factory, she urged us to carry out our first prototype and put it in practice.
  
        <div class="members"  >
+
         
+
      </div>
 +
</div>
 +
<div class="row" style="padding-left:100px; padding-right: 100px;">
 +
<br><br>
 +
   
 +
<img style="align-self: center;width:760px" src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--HP_%2832%29.jpg" />  
 +
        <h6 style="text-align: center;">To remove this liability and improve safety factors, we finalized our cat-attracting system as a bottle of extracted essential oil and a fan to spread the odor that obviously increases the safety and ethical factor.</h6>
 +
<br><br>
 +
  <p  style="font-family: Delius; font-size: 18px;"> Safety issues have always been our first consideration; since we were, then, planning to use a plate with living organisms in, the device must be constructed deliberately and safely to prevent any leak possible. One of our public engagement presented the answer to us. On July 6th, our first presentation, also being our first event facing the public, took place at X.factor. This presentation, free in the boundary of age, background, or academic level, had brought us waves of brand new ideas that all enlightens us with revolutionary designs. Yet one of them, coming from a university student majoring in psychology, remained distinctively important and profoundly impactive:</p>
  
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal11">
+
<br><br>   <blockquote>
            <img class="photo" id='ych' width="250px" src="https://static.igem.org/mediawiki/2018/1/1e/T--GreatBay_China--ych_p.jpg" />
+
<h4>‘We all concerns of safety affairs; So, instead of using living organisms, I would suggest a cell-free construction’
            <h4>David Yang</h4>
+
— Yue Wu
          </button>
+
</h4>
 +
</blockquote>
  
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
</div>  
                <div class="modal-content">
+
<br><br>
                    <div class="modal-header">
+
<div class="row" style="padding-left:100px;padding-bottom:100px;">
                      <h3 class="modal-title" id="myModalLabel">David Info</h3>
+
     
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
          <div class="logos">
                       
+
          <img class="photo" id=‘SZU’ width="220px" src="https://static.igem.org/mediawiki/2018/b/bd/T--GreatBay_China--%E6%9D%8E%E5%B1%BF%E5%A4%A7%E5%A4%B4%E7%85%A7.png" />
                    </div>
+
          <h4 style="position:bottom;text-align: center;">
                    <div class="modal-body">
+
John Henry</h4>
                      Hello, everyone. I studied at the third high school attached to Beijing Normal University. I usually like to cook and paint. With the help of the bluephalab, I have developed interest in synthetic biology and have the privilege of forming an excellent team with everyone. Although I still have a lot to learn, I will do my best to contribute to the team.<br><br>
+
          </div>
                      Role in the team: <br>  
+
   
                      <ul>
+
          <div class="logos" style="background-color: unset;width:500px;color:#000;">
                        <li>art design (including wiki typesetting; team uniform)</li>
+
          <h4 style="position:top;">
                        <li>help on experiments during summer vacation</li>
+
John Henry: </h4><br><br>
                      </ul>
+
            <h4 style="position:top;">
                    </div>
+
       
                    <div class="modal-footer">
+
intro
                        Nickname:神笔の蚌
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
      </div>
                    </div>
+
</div>
                </div><!-- /.modal-content -->
+
<div class="row" style="padding-left:100px; padding-right: 100px;">
            </div><!-- /.modal-dialog -->
+
<br><br>
        </div><!-- /.modal -->
+
  
 +
  <p  style="font-family: Delius; font-size: 18px;"> After the presentation, we consulted a hardware designer in X.factory about his opinion on our design. John Henry rejected our initial plan of a tent and canvas, assuring us that the transportation of the whole house would be inconvenient and troublesome; plus, an unstable structure of cat house would not serve well as a permanent household. Also, he hinted that a cat house for capturing and living should be low profile, not obvious, and functional. He thereby insists wood as the building material which provides a safe environment, sustainable residential area, and operational structure. Following his idea, we thus determined the building material and started our materializing campaign. This design bestowed a greater sustainability to our product, since now we are using a long-lasting and sediment material for constructing, which enhances the safety of household provided to cats. For further design and construction, see<a href="https://2018.igem.org/Applied_Design "> product design.</a>   
  
        </div>
+
<br><br>
 
+
</div>  
                <div class="members"  >
+
         
+
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal12">
+
            <img class="photo" id='katrina' width="250px" src="https://static.igem.org/mediawiki/2018/8/8d/T--GreatBay_China--katrina_p.jpeg" />
+
            <h4>Katrina Zhuo</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal12" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Katrina Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                    I’m Katrina from ShenZhen Vanke Meisha Academy. I am a senior student majoring in biology and chemistry.  IGEM, a competition which requires a lot of teamwork and participation, allows me to know my advantages and disadvantages. This will benefit my whole life. And I will definitely remember the time working with my friends. I am ready to meet many new friends!<br><br>
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Official Accounts</li>
+
                      <li>Designer</li>
+
                    </ul>
+
 
+
                    </div>
+
                    <div class="modal-footer">
+
                      Nickname:天女下凡
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
  
 +
<div class="row" id="DocuP3" style="padding-left:50px; padding-right: 50px;">
 +
        <p style="font-family: Delius; font-size: 16px;"><i>Video: we collaborated with professional designers in a maker space—X factory to consolidate our design of the ‘kitty wonderland’. We have made several improvements.</i></p><br>
 +
        <h5>GBC Documentary P3</h5>
 +
        <p><video src="https://static.igem.org/mediawiki/2018/6/62/T--GreatBay_China--GBC_Documentary_P3.mp4" type="video/mov" height="auto" width="850" controls></video></p>
 +
        <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);">
 +
          <a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design#DocuP2">
 +
          <h5 style="color:#fff;"> Last Episode</h5>
 +
          </a>
 +
        </div> 
 +
        <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);width:653px;">
 +
          <a href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement#Docu">
 +
          <h5 style="color:#fff;text-align: center;"> Check Full Playlist</h5>
 +
          </a>
 
         </div>
 
         </div>
      </div>
+
         <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);">
      <div class='line'>
+
          <a href="https://2018.igem.org/Team:GreatBay_China/Safety#DocuP4">
         <div class="members" >
+
           <h5 style="color:#fff;text-align: right;"> Next Episode</h5>
         
+
          </a>
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal21">
+
            <img class="photo" id='Jessie' width="250px" src="https://static.igem.org/mediawiki/2018/0/0d/T--GreatBay_China--shy.png" />
+
            <h4>Jesse Sun</h4>
+
           </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal21" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Jesse Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                    Jesse is a talented figure in Shandong Experimental High School and an existing assistant for our lab project during several days in the summer holiday. Outside our peoject and iGEM, he says he is really good at business studies, LEGO, playing football, writing Java script and 3D Modelling.<br><br>
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Spent a week in lab: negative results paved the path to our success</li>
+
                      <li>Paying and attending Jamborree</li>
+
                      <li>Discontiunous motivation by letting us believe he is the man(for model,hardware,wiki,etc.)</li>
+
                    </ul>
+
 
+
                    </div>
+
                    <div class="modal-footer">
+
                      Nickname:世外高人
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
         </div>
 
         </div>
 
+
        <br><br>
 +
        <p style="font-family: Delius; font-size: 16px;"><i>But what about the safety concerns? Please check the next episode. The previous episode is about connecting out lab project to stray cat rescue.</i></p><br> 
 
       </div>
 
       </div>
 +
      <br>
  
 
+
<br><br>
 
+
<div class="row" style="padding-left:100px;padding-bottom:100px;">
 
+
     
 
+
           <div class="logos">
                      <br><br><br>
+
           <img class="photo" id=‘SZU’ width="220px" src="https://static.igem.org/mediawiki/2018/9/94/T--GreatBay_China--HH.jpg" />
 
+
          <h4 style="position:bottom;text-align: center;">
 
+
Hui Huang</h4>
            <div class='line'>
+
             
+
        <div class="members" >
+
            <h1 class="title">  Instructor</h1><br>
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal13">
+
            <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/a/aa/T--GreatBay_China--js.jpg"/>
+
            <h4>Boxiang Wang</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal13" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Boxiang Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Boxiang is a Research and development director of educational product of Bluepha Co.Ltd.; an experienced iGEMer who participated and leaded 7 iGEM competitions; and an unassailable avatar of the team.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
        </div>
+
        <div class="members"  >
+
          <h1 class="title">  Primary PI</h1><br>
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal14">
+
            <img class="photo" id=‘zhq’ width="250px" src="https://static.igem.org/mediawiki/2018/f/f8/T--GreatBay_China--zhanghaoqian.jpg" />
+
            <h4>Haoqian Zhang</h4>
+
           </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal14" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Zhang Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">The CTO of Bluepha</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
            
+
        </div>
+
        <div class="members"  >
+
          <h1 class="title">  Secondary PI</h1><br>
+
 
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal15">
+
            <img class="photo" id=‘gq’ width="250px" src="https://static.igem.org/mediawiki/2018/9/9e/T--GreatBay_China--gengqiang.jpg"/>
+
            <h4>Qiang Geng</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal15" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Geng Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">The principal of Bluepha Lab, and the COO of Bluepha</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
       
+
        </div>
+
      </div>
+
 
+
      <div class="line">
+
        <h1 class="title">  Advisors</h1><br>
+
 
+
        <div class="members" >
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal16">
+
            <img class="photo" id=’dym’ width="250px" src="https://static.igem.org/mediawiki/2018/1/1c/T--GreatBay_China--dongyiming.jpg" />
+
            <h4>Yiming Dong</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal16" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Dong Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Yiming Dong is a PHD of Beijing University Synthetic Biology.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
 
           </div>
 
           </div>
 
+
   
        <div class="members" >
+
          <div class="logos" style="background-color: unset;width:500px;color:#000;">
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal17">
+
          <h4 style="position:top;">
            <img class="photo" id=‘zxy’ width="250px" src="https://static.igem.org/mediawiki/2018/f/fe/T--GreatBay_China--zxy.jpg" />
+
Hui Huang: </h4><br><br>
            <h4>Xuanyu Zhao</h4>
+
             <h4 style="position:top;">
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal17" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Zhao Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Xuanyu Zhao is a research and development instructor of educational product of Bluepha Co.Ltd. She majors on toxin-antitoxin system in microbial in graduate degree, now an advisor of team GBC.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
        </div>
+
 
+
        <div class="members">
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal18">
+
            <img class="photo" id=‘ly’ width="250px" src="https://static.igem.org/mediawiki/2018/8/8f/T--GreatBay_China--ly.png" />
+
            <h4>Yu Li</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal18" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
             <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Li Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Li Yu is a speculative designer, creative technologist and interdisciplinary researcher. Her researches the burgeoning area of advanced science and technology and speculative design. She uses design as a method of investigation, experimenting with emerging technologies and its possible implementation. Her works translate thoughts experiments and fictional narratives into tangible forms, ignite discussion on our current society and its future. She collaborates with scientists and engineers from different countries and disciplines.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
        </div>
+
 
+
      </div>
+
 
+
      <div class='line'>
+
        <div class="members"  >
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal19">
+
            <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/0/0c/T--GreatBay_China--wx.png"/>
+
            <h4>Xuan Wang</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal19" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Wang Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Xuan Wang is a former iGEM team leader of BNU_China 2014, a current PhD candidate in Tsinghua University and a part-time employee of Bluepha. He wants to do several beautiful science projects and to teach several potential students.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
        </div>
+
 
          
 
          
        <div class="members" >
+
intro
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal20">
+
            <img class="photo" id=’jszx’ width="250px" src="https://static.igem.org/mediawiki/2017/6/6c/Harryjiang.jpeg" />
+
      </div>
            <h4>Harry Jiang</h4>
+
</div>
          </button>
+
<div class="row" style="padding-left:100px; padding-right: 100px;">
 +
<br><br>
  
        <!-- 模态框(Modal) -->
+
  <p  style="font-family: Delius; font-size: 18px;">Seeking possible improvements, we interviewed the leader of SSAPA (Shenzhen Small Animal Protection Association), Mr. Huang. As a  pioneer of protecting animals who possess 3 years of stray cats rescuing experience, Mr. Huang reminded us of a phenomenon that none of us had ever thought of:
        <div class="modal fade" id="myModal20" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
</p>
                <div class="modal-content">
+
<br><br>
                    <div class="modal-header">
+
<blockquote>
                      <h3 class="modal-title" id="myModalLabel">Jiang Info</h3>
+
<h4>‘Cats will fight back wildly after being captured. Sometimes hurting themselves severely.’
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
— Mr.Huang </h4>
                       
+
                    </div>
+
                    <div class="modal-body">Shan Jiang is a High schooler, goalkeeper, table tennis player, violinist, CCiC executive committee member, synthetic biology fundamentalist, leader of iGEM team RDFZ 2018 and SIAT-SCIE 2017.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
        </div>
+
      </div>
+
  
      <br><br><br>
+
</blockquote>
 +
<p  style="font-family: Delius; font-size: 18px;"><br><br>This raises our alert as the safety of cats are unconsciously threatened. Again, a change is introduced to our KW, which discards its auto closed door, and replaced with a surveillance camera and remote control door. By this course, we can detect whether is cat attracted inside the house, and thereby to close the door or not. Some other improvements are made in order to enhance the safety level of our product; details could be found in both our safety form and applied design page. <a href="https://2018.igem.org/Team:GreatBay_China/Safety">(See Safety)</a> Such improvement lately allowed us to conduct our final investigation of the behavior of cats smoothly.
  
 +
</p>
 +
<br><br>
 +
</div>
  
 +
<br> <br> <br><br>
 +
<div class='row' style="padding-left:100px; padding-right: 100px;">
 +
  <div>
 +
  <h1 class="title">Public opinion</h1> <br> <br>
 +
<h4>With the design of cat house basically decided, we managed a tester made of cupboards. In order to picture a comprehensive impact our product could bring to the whole society, at September 1st, we brought the tester to an adopting festival hosted by ‘Shenzhen pet league’ in order to seek opinions of the wide public and allow a reasonable inference on how our product would impact the society. By interviewing passengers and other participants on the idea of placing our KW in communities, we found out that most people consider this activity with approval, while others’ main concern is the safety of cats, which we have been working on to assure for a long time.
 +
</h4></div>
 +
<br><br>
 +
<img style="align-self: center;width:760px;" src="https://static.igem.org/mediawiki/2018/4/4e/T--GreatBay_China--makerr.jpg" />
 +
  <h6 style="text-align: center;">We brought our final version of Kitty Wonderland to a makers fair and held out public engagement
 +
with. See further details in our public engagement page. </h6>
 +
<br>
 +
<br>
 +
</div>
  
  
  
 +
<br> <br> <br><br>
 +
<div class='row' style="padding-left:100px; padding-right: 100px;">
 +
 
 +
  <h1 class="title">Government opinion</h1> <br> <br>
 +
<h4>To verify the practicality of our Kitty wonderland, our team draw out a plan of investigating
 +
the behavior of stray cats to Kitty Wonderland. Confident in what we have already studied, one
 +
last step is to receive permission from governing bodies. One of our team members carried out a
 +
close interview to the multiple governing bodies related to the location of our Kitty Wonderland.
 +
This includes: Shenzhen Agricultural Science and Technology Promotion Center, Urban
 +
management bureau, street offices, community management office and residential estate
 +
management office. Among them, the urban management office gave specific advice that we
 +
need to ask permission to deploy our hardware, we should ask the administrator of a very area
 +
where we plan on placing our cat house. Though not all of those governing bodies gave clear
 +
concur to the put in of our Kitty Wonderland, the law enforcement team and Shenzhen Agricultural
 +
Science and Technology Promotion Center did. The Promotion Center suggests that the Chinese
 +
government has no regulations about the GMO (genetically modified organism) part of our project,
 +
and the main concerns of the governing body is biosafety. The rest of the governmental offices
 +
encouraged our project by providing us contact information of relating organs.</h4>
 +
<br><br>
 +
<img style="align-self: center;width:760px "  src="https://static.igem.org/mediawiki/2018/2/2f/T--GreatBay_China--govvv.jpg"  />
 +
  <h6 style="text-align: center;">The order which we interviewed the relating governing bodies.</h6>
 +
<br>
 +
<br> 
 +
 +
</div>
  
   
+
     
+
  <div class='row' style="padding-left:100px; padding-right: 100px;">
 
+
  <div >
 
+
<br><br>  <h1 class="title">Put in of Kitty Wonderland</h1><br><br>
   
+
<h4>
 +
  With the KW fully structured, integrating all opinions we adapted, and permission of
 +
governing body gained, our final practice was carried out. We contacted a local stray cat rescue
 +
team and called out a collaboration. In this activity, we placed our tester KW
 +
with a surveillance camera inside into a community with abundance of stray cats in order to
 +
provide better household for them. We left the device there for 2 days and collected the video;
 +
Close study of the behavior of stray cats with the presence of KW was carried
 +
out; We repeated the exact same method in a time span of 5 days and contrasted the two sets of
 +
investigations. As a result, we found out that most cats were interested with the KW and wished
 +
to stay inside. This effectively verified that the function of KW is just as we planned, and further
 +
applications of KW could be carried out in the future. Surely, in our expectation, the final KW
 +
should be acting as a capture device to carry out TNR at the same time providing felines with a
 +
safe and sustainable household. See our product design and applied design for more info! <a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">(Product Design)</a>
 +
</div>
  
 +
<br><br>
 +
<p><video src="https://static.igem.org/mediawiki/2018/5/5a/T--GreatBay_China--Cats_behavior.mp4" type="video/mov" height="auto" width="780" controls>
 +
        </p>
  
  

Revision as of 18:05, 17 October 2018

GBC-IHP

Integrated Human Practice

Since our project was finalized with the aim of tackling a profound social issue, we made sure a great variety of opinions and concerns are integrated into the design and each stage of processes. To reduce the number of stray cats in the same time ensuring their safety and privileges requires not only theoretical drafts, but also practical approaches to verify our ideas; At the same time, working on both E.coli and yeast brought us with many problems and challenges that need help from experienced figures. Thus, our project consists of many parts, all of which finalized and adapted as a result of interviews and conversations with stakeholders, pioneers and normal public. Always beware of the impacts and contributions our product could bring to the society (by considering ethics, safety, and sustainability issues), our project evolves over time.



Advice for our project





Dr. Haoqian Zhang

Dr. Haoqian Zhang:



When we first came up with the idea of synthesizing the precursor of active ingredient of catnip, nepetalactol, we faced tremendous difficulties; we don’t know clear applications of nepetalactol and questioned ourselves about the value of it to the society; also, it is quite esoteric for a high school iGEM team to construct genetic circuits inside yeast, which none of our team members have any experience with. With these questions, we visited Dr. Haoqian Zhang, the CTO of Bluepha Co., Ltd.



He confirmed us that the question is not whether it could be applied or not, but is it interesting, and when to get started. Boosting our confidence to move on our project as a science campaign, he presented us with the idea of co-culture. With this design we could effectively give the synthesize our product on the same plate, increasing efficiency and reducing the time spent on production. Besides this, he introduced us with a recent technology: stable promoters of TALEsp. He suggested that it could be used to stabilize and enhance the production of geraniol inside E.coli. His advice was of significant impact in the shaping of our project trajectory, and brought us with the later goal of constructing a TALEsp library.



‘Science is not about the application, but about fun.’ — Dr. Zhang



Dr. Christopher Voigt

Dr. Christopher Voigt:



Intro - Voigt



Having decided to use TALEsp in our project, we were not sure about whether should we apply it to yeast or not. Thus on July 7th, at the 4th Synthetic Biology Youth Scholar Forum, we asked Dr. Christopher Voigt about his opinion on integrating TALEsp into yeast and other technical questions related. Dr. Voigt, the leader of the team who created TALEsp, hinted that since TALEsp sequences are similar to each other, an application in yeast would most possibly trigger the reassemble system of yeast and dysfunction its ability. Also, in the aspect of E.coli TALEsp, he suggested integrating the circuits to the genome to prevent failure of TALEsp when a large number of bacteria exist (e.g fermenter). When coming into the technique of characterizing TALEsp promoters, we were uncertain of which method to use: GFP or RNA-seq. He clarified that these two techniques are not of much difference, only that RNA-seq is a little more accurate, but at the same time much more expensive. We thus decided a GFP characterization method.



GreatBay_China with Dr. Voigt


Dr. Qiuli Lou

Dr. Qiuli Lou:



Intro-Lou



To work with yeast is a great challenge to our team. Many information of Yeast remains unclear, yet the most emergence one is that we don’t know exactly the condition to carry out colony PCR. To tackle this problem we sought help from Lou, a graduate student majoring on biotechnology at Fujian Agriculture and Forestry University. From this conversation, we figured out a way of diluting free colonies in 20mM NaOH for 10min 100˚C before the normal PCR process. Breaking through this technical problem our yeast circuits construction gets to move on.





Dr. Junbiao Dai

Dr. Junbiao Dai:



Intro-Dai



Our design on experiment involves knock out of 4 enzymes and knock in of 3 enzymes in yeast, and we primarily decide, in the knock out experiments, to use the Hi-crisper technique developed by Junibiao Dai and his team. (further details see our design page: ) However, after several attempts, we found the technique troublesome: they did not work as demonstrated by the paper. Also, during the expression stage, we found out that E.coli often dies when our pYES plasmid is transformed, yet yeast often will not carry this plasmid when transformed directly from Gibson product. We thus sought for a chance to interview Dr. Dai and inquired him the problem we faced. He suggested that if Hi-crisper will not work, then a traditional knock out process is recommended to be carried out. Also, for the dying E.coli plight, he hinted that the pYES plasmid with three coding sequences of the enzymes to be expressed might be toxic to E.coli as a whole. The circuits heavies the metabolic burden of E.coli tremendously and leading to their death. Finally, he debugged the yeast issue, saying that Gibson product has a low concentration, and presented a feasible solution of lengthening the homogenous arm to trigger the homogeneous recombination stem of yeast. We adapted his suggestion of knock out sequence one by one.





Dr. Chong Zhang

Dr. Chong Zhang:



Intro-Zhang



Chong Zhang is the partner of Junbiao Dai; he introduced he and Dr. Dai’s paper: MiYA, an efficient machine-learning workflow in conjunction with the YeastFab assembly strategy for combinatorial optimization of heterologous metabolic pathways in Saccharomyces cerevisiae to us. This paper introduced a possible way to enhance the production of nepetalacol in yeast, and we grew very keen on adopting this method. However, due to the lack of database and the scanty of time, this method was obsoleted.





Dr. Akihiko Kondo

Dr. Akihiko Kondo:



Intro-Zhang



We met Dr. Kondo at the 4th Synthetic Biology Youth Scholar Forum and introduced our project to him, with whom grew very interested. He suggested his point mutation plasmid to us. Due to the lack of time, we did not integrate this suggestion into our project; but we are thankful to his help and appreciate his kindness.



We participated the 4th Synthetic Biology Young Scholar Forum, where we met Dr. Akihiko Kondo. We gained a lot of knowledge and advice there and broadened our scope






Advice for our applied design





Fenghua Li:

Fenghua Li:



We managed to contact a stray cay rescue figure in Beijing, named Fenghua Li. Having pursued this activity for 20 years, first on her own then with her rescue team, she hinted us that stray cats are of extreme alert and is often hard to capture. In order to save more stray cats and to eliminate the future population of them, the process of TNR (Trap, Neuter, and Release) is essential.





This reminds us of a construction of a ‘Kitty wonderland’ (KW) to which cats are attracted when our nepetalactol is placed in, and which can aid the work of the rescue team. Besides that, acting as a household, if possible, to stray cat population. Associating with our project of nepetalacol, the proposal not only suggests a way of applying our project, but also brings benefit to the whole society by eliminating the population of stray cats. From then on, our first draft and prototype of this device are proposed, and the campaign of our hardware begins.





This video tells the real story between Ms. Li and GreatBay_China, it starts with Rocky on his way to interview Aunt Li and ends with Aunt Li’s future expectations and how we helped her.


GBC Documentary P0



The stray cats are indeed a non-negligible problem in many parts of the world, bringing in serious outcomes and the current solutions to it are not very efficient. To know more, please check the next episode.



Rescue Team:

Rescue Team:



To improve our KW, we decided to construct a 3D model; but whether is this device really aiding the works of rescue teams or not, or if it's but a burden to them, remains unanswered. Thus a few weeks later we managed a thorough online interview with the leader of the rescue team of Ms. Fenghua Li, Dachui, and introduced for the first time our thoughts of this KW to the stakeholder. To our surprise, this design was much approved by Dachui and other team members, and consolidated our will of materializing the KW.





Advice for our hardware



Our first proposal of Kitty Wonderland consists of an overall structure made of tent and canvas that is convenient for transport after cat is captured; An auto-close door to capture the cat and facilitate the later neuter process; and a small chamber inside the tent that contains our genetically modified co-culture plate of E.coli and Yeast to release nepetalactol, which attract stray cats. This prototype changes as we develop further communications with specialist designers, cat-rescue pioneers, and stockholders, all of whom have advice that we integrated into our hardware design.



Yu Li

Yu Li:



When the first draft was schemed, we sought professional help from specialists in X.factory, Shenzhen’s first and leading maker space since 2011. By then we were extremely unconfident with our design, and kept on delaying the finale of our 3D model. When we talked through our situation with Li Yu, a designer in X.factory, she urged us to carry out our first prototype and put it in practice.



‘Make it work, make it fast, make it beautiful.’ —Yu Li



Although we did not follow our first prototype when materializing the Kitty Wonderland, her advice to a large extent prompt our process in hardware construction.





Yue Wu

Yue Wu:



When the first draft was schemed, we sought professional help from specialists in X.factory, Shenzhen’s first and leading maker space since 2011. By then we were extremely unconfident with our design, and kept on delaying the finale of our 3D model. When we talked through our situation with Li Yu, a designer in X.factory, she urged us to carry out our first prototype and put it in practice.



To remove this liability and improve safety factors, we finalized our cat-attracting system as a bottle of extracted essential oil and a fan to spread the odor that obviously increases the safety and ethical factor.


Safety issues have always been our first consideration; since we were, then, planning to use a plate with living organisms in, the device must be constructed deliberately and safely to prevent any leak possible. One of our public engagement presented the answer to us. On July 6th, our first presentation, also being our first event facing the public, took place at X.factor. This presentation, free in the boundary of age, background, or academic level, had brought us waves of brand new ideas that all enlightens us with revolutionary designs. Yet one of them, coming from a university student majoring in psychology, remained distinctively important and profoundly impactive:



‘We all concerns of safety affairs; So, instead of using living organisms, I would suggest a cell-free construction’ — Yue Wu



John Henry

John Henry:



intro



After the presentation, we consulted a hardware designer in X.factory about his opinion on our design. John Henry rejected our initial plan of a tent and canvas, assuring us that the transportation of the whole house would be inconvenient and troublesome; plus, an unstable structure of cat house would not serve well as a permanent household. Also, he hinted that a cat house for capturing and living should be low profile, not obvious, and functional. He thereby insists wood as the building material which provides a safe environment, sustainable residential area, and operational structure. Following his idea, we thus determined the building material and started our materializing campaign. This design bestowed a greater sustainability to our product, since now we are using a long-lasting and sediment material for constructing, which enhances the safety of household provided to cats. For further design and construction, see product design.

Video: we collaborated with professional designers in a maker space—X factory to consolidate our design of the ‘kitty wonderland’. We have made several improvements.


GBC Documentary P3



But what about the safety concerns? Please check the next episode. The previous episode is about connecting out lab project to stray cat rescue.





Hui Huang

Hui Huang:



intro



Seeking possible improvements, we interviewed the leader of SSAPA (Shenzhen Small Animal Protection Association), Mr. Huang. As a pioneer of protecting animals who possess 3 years of stray cats rescuing experience, Mr. Huang reminded us of a phenomenon that none of us had ever thought of:



‘Cats will fight back wildly after being captured. Sometimes hurting themselves severely.’ — Mr.Huang



This raises our alert as the safety of cats are unconsciously threatened. Again, a change is introduced to our KW, which discards its auto closed door, and replaced with a surveillance camera and remote control door. By this course, we can detect whether is cat attracted inside the house, and thereby to close the door or not. Some other improvements are made in order to enhance the safety level of our product; details could be found in both our safety form and applied design page. (See Safety) Such improvement lately allowed us to conduct our final investigation of the behavior of cats smoothly.







Public opinion



With the design of cat house basically decided, we managed a tester made of cupboards. In order to picture a comprehensive impact our product could bring to the whole society, at September 1st, we brought the tester to an adopting festival hosted by ‘Shenzhen pet league’ in order to seek opinions of the wide public and allow a reasonable inference on how our product would impact the society. By interviewing passengers and other participants on the idea of placing our KW in communities, we found out that most people consider this activity with approval, while others’ main concern is the safety of cats, which we have been working on to assure for a long time.



We brought our final version of Kitty Wonderland to a makers fair and held out public engagement with. See further details in our public engagement page.






Government opinion



To verify the practicality of our Kitty wonderland, our team draw out a plan of investigating the behavior of stray cats to Kitty Wonderland. Confident in what we have already studied, one last step is to receive permission from governing bodies. One of our team members carried out a close interview to the multiple governing bodies related to the location of our Kitty Wonderland. This includes: Shenzhen Agricultural Science and Technology Promotion Center, Urban management bureau, street offices, community management office and residential estate management office. Among them, the urban management office gave specific advice that we need to ask permission to deploy our hardware, we should ask the administrator of a very area where we plan on placing our cat house. Though not all of those governing bodies gave clear concur to the put in of our Kitty Wonderland, the law enforcement team and Shenzhen Agricultural Science and Technology Promotion Center did. The Promotion Center suggests that the Chinese government has no regulations about the GMO (genetically modified organism) part of our project, and the main concerns of the governing body is biosafety. The rest of the governmental offices encouraged our project by providing us contact information of relating organs.



The order which we interviewed the relating governing bodies.




Put in of Kitty Wonderland



With the KW fully structured, integrating all opinions we adapted, and permission of governing body gained, our final practice was carried out. We contacted a local stray cat rescue team and called out a collaboration. In this activity, we placed our tester KW with a surveillance camera inside into a community with abundance of stray cats in order to provide better household for them. We left the device there for 2 days and collected the video; Close study of the behavior of stray cats with the presence of KW was carried out; We repeated the exact same method in a time span of 5 days and contrasted the two sets of investigations. As a result, we found out that most cats were interested with the KW and wished to stay inside. This effectively verified that the function of KW is just as we planned, and further applications of KW could be carried out in the future. Surely, in our expectation, the final KW should be acting as a capture device to carry out TNR at the same time providing felines with a safe and sustainable household. See our product design and applied design for more info! (Product Design)