Difference between revisions of "Team:Mingdao/HP/Silver"

Line 7: Line 7:
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
 
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<!-- BOOTSTRAP -->
 
<!-- BOOTSTRAP -->
  
Line 4,395: Line 4,395:
  
 
<!-- Header -->
 
<!-- Header -->
<div class="w3-top" style="z-index: 4">
+
<!-- Navbar -->
  <div class="w3-bar w3-black w3-card-2 w3-left-align w3-large">
+
 
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
+
<!-- Navbar -->
    <a href="https://2017.igem.org/Team:Mingdao" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
+
<div class="w3-top" style="z-index: 4">
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-blue w3-hover-white" style="text-decoration: none; color: white">Achievements</a>
+
  <div class="w3-bar w3-black w3-card-2 w3-left-align w3-large">
    <a href="https://2017.igem.org/Team:Mingdao/Demonstrate" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" style="text-decoration: none; color: white">Project</a>
+
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
    <a href="https://2017.igem.org/Team:Mingdao/HP/Silver" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" style="text-decoration: none; color: white">Human-Practice</a>
+
<a href="https://2017.igem.org/Team:Mingdao" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" style="text-decoration: none; color: white">Notebook</a>
+
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-blue w3-hover-white" style="text-decoration: none; color: white">Achievements</a>
    <a href="https://2017.igem.org/Team:Mingdao/Attributions" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" style="text-decoration: none; color: white;">Attributions</a>
+
<a href="https://2017.igem.org/Team:Mingdao/Demonstrate" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" style="text-decoration: none; color: white">Project</a>
  </div>
+
<a href="https://2017.igem.org/Team:Mingdao/HP/Silver" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" style="text-decoration: none; color: white">Human-Practice</a>
</div>
+
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" style="text-decoration: none; color: white">Notebook</a>
 +
<a href="https://2017.igem.org/Team:Mingdao/Attributions" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" style="text-decoration: none; color: white;">Attributions</a>
 +
  </div>
 +
</div>
 +
<!-- Navbar END -->
 +
 
  
  
Line 4,456: Line 4,461:
 
<div style="margin-left: 20px">
 
<div style="margin-left: 20px">
 
<span class="w3-center w3-padding-small w3-black w3-xlarge w3-wide w3-animate-opacity"> <span class="w3-hide-small"></span> </span>
 
<span class="w3-center w3-padding-small w3-black w3-xlarge w3-wide w3-animate-opacity"> <span class="w3-hide-small"></span> </span>
   <span class="w3-center w3-padding-large w3-xlarge w3-wide w3-animate-opacity">Expert Consultation</span>
+
   <span class="w3-center w3-padding-large w3-xlarge w3-wide w3-animate-opacity" style="color: black">Overview</span>
 
<br/><br/>
 
<br/><br/>
 
<!-- Box -->
 
<!-- Box -->
 
<div class="box" style="background-color: rgba(255, 255, 255, 0); margin-right: 50px">
 
<div class="box" style="background-color: rgba(255, 255, 255, 0); margin-right: 50px">
<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.</p>
+
<div class="row">
<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.</p>
+
<div class="col-md-6 col-sm-6">
 +
<h4 style="padding-left: 5rem; padding-right: 5rem">
 +
"Human Practices is the study of how your work affects the world, and how the world affects your work." — Peter Carr, Director of Judging. What’s Human practice? It is not just a work  to confirm and strengthen what we think is right. Instead, we should learn to share our knowledge with the world. We can’t just instill our personal cognition into others, nor can we blindly believe in whatever others say. All in all, human practice is all about “gain, give and mutual interaction”.
 +
</h4>
 +
</div>
 +
<div class="col-md-6 col-sm-6">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" width="70%" style="margin-bottom:2rem">
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-md-12 col-sm-12">
 +
<h4 style="padding-left: 5rem; padding-right: 5rem">
 +
First, we build up a system constructed by the three topics below: Project, Us and the World. What we found is that our activities can actually made up a comprehensive interaction (refer to the following picture beside) For example, we “gain” professional suggestions from experts in various fields, which have made us think of repositioning our project; To conduct educating, we “give” what we know to those who are laymen in synthetic biology and sugar controlling. Other examples of give and gain also includes marketing and sponsorships. It is also necessary that we set up mutual pathways for knowledges, which are also known as meetups, collaborations and cross-domain communications. Totaling up all of them, we’ve excellently completed human practice.
 +
</h4>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
<!-- Two -->
 +
<section id="two" class="wrapper style3">
 +
<div class="inner">
 +
<header class="align-center">
 +
<p class="w3-center">To achieve our goal, we consult experts in different areas of study</p>
 +
<h2>Expert Consultation</h2>
 +
</header>
 +
</div>
 +
</section>
 +
 +
<!-- START of card section -->
 +
<div class="w3-row-padding" style="margin-top: 3rem">
 +
 +
<div class="w3-third">
 +
<div class="w3-card white">
 +
  <div class="w3-container" style="background-color:#6a8fc8">
 +
<h3 style="color: white">Nephrologist</h3>
 +
  </div>
 +
  <div class="w3-container">
 +
  <img src="https://static.igem.org/mediawiki/2017/0/0d/Mingdaojay1020-28.jpeg" width=100% height="auto" style=" box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47);">
 +
  </div>
 +
  <ul class="w3-ul w3-border-top">
 +
  <li>
 +
    <h3>Time</h3>
 +
    <h3><strong>7/22</strong></h3>
 +
  </li>
 +
  <li>
 +
    <h3>Location</h3>
 +
    <h3><strong> Bio-Lab</strong></h3>
 +
  </li>
 +
  <li>
 +
    <h3>Consultant</h3>
 +
    <h3><strong> Dr. Wu</strong></h3>
 +
  </li>
 +
  </ul>
 +
  <div class="w3-container w3-large" style="background-color:#6a8fc8">
 +
  <span class="w3-right text-white">
 +
  <button onclick="document.getElementById('nephrologist').style.display='block'" class="w3-button text-white" style="background:none"><i class="fa fa-mouse-pointer" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;Learn More</span>
 +
</button>
 +
</span>
 +
</div>
 +
<!-- the first card modal -->
 +
  <div id="nephrologist" class="w3-modal">
 +
    <div class="w3-modal-content w3-animate-top w3-card-4">
 +
      <header class="w3-container w3-teal">
 +
        <span onclick="document.getElementById('nephrologist').style.display='none'"
 +
        class="w3-button w3-display-topright">&times;</span>
 +
        <h2 style="color: white">Nepthrologist</h2>
 +
      </header>
 +
      <div class="w3-container">
 +
  <div class="row">
 +
  <div class="col-md-7 col-sm-7">
 +
  <h4 style="padding-left: 5rem; padding-right: 5rem">
 +
  Taiwan has the reputation of “the kingdom of Hem dialysis”. Yes, this is apparently not a thing we should be proud of. A huge sum of money is spent on this problem every year. But, you probably don’t know that a huge ratio of these cases are caused by neither drug abuse nor consuming too much salty food. Instead, diabetes is what may leads to kidney diseases. So, we invited Dr. Wu from the division of nephrology to tell us about the negative effects of diabetes. 
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-5 col-sm-5">
 +
  <img src="https://static.igem.org/mediawiki/2017/b/b2/Mingdaojay1020-26.jpeg" width="100%" style="margin-top: 2rem">
 +
  </div>
 +
  </div>
 +
  <div class="row">
 +
  <div class="col-md-12 col-sm-12">
 +
  <h4 style="padding-left: 5rem; padding-right: 5rem">
 +
   In the interview, he mentioned that due to hyperglycemia, HHNK and DKA, which may cause headache, nausea, or even drive people into coma, is often found in people with diabetes. Furthermore, hyperglycemia can also cause the filtration in the glomerular to accelerate, which leads to its hypertrophy. As the function of kidney is gradually damaged, it can no longer eliminate the deleterious substances from our body. With urea and creatinine surging, a person could eventually end up in renal failure. From above, we can get a conclusion that diabetes is surely a thorny chronic disease that we should be cautious of.
 +
  </h4>
 +
  </div>
 +
  </div>
 +
<div class="row">
 +
    <div class="col-md-5 col-sm-5">
 +
    <img src="https://static.igem.org/mediawiki/2017/0/00/Mingdaojay1020-27.jpeg" width="100%" style="margin-top: 2rem; margin-left: 3rem">
 +
    </div>
 +
  <div class="col-md-7 col-sm-7">
 +
  <h4 style="padding-left: 5rem; padding-right: 5rem">
 +
  Taiwan has the reputation of “the kingdom of Hem dialysis”. Yes, this is apparently not a thing we should be proud of. A huge sum of money is spent on this problem every year. But, you probably don’t know that a huge ratio of these cases are caused by neither drug abuse nor consuming too much salty food. Instead, diabetes is what may leads to kidney diseases. So, we invited Dr. Wu from the division of nephrology to tell us about the negative effects of diabetes. 
 +
  </h4>
 +
  </div>
 +
  </div>
 +
  <div class="row">
 +
  <div class="col-md-12 col-sm-12">
 +
  <h4 style="padding-left: 5rem; padding-right: 5rem">
 +
   In the interview, he mentioned that due to hyperglycemia, HHNK and DKA, which may cause headache, nausea, or even drive people into coma, is often found in people with diabetes. Furthermore, hyperglycemia can also cause the filtration in the glomerular to accelerate, which leads to its hypertrophy. As the function of kidney is gradually damaged, it can no longer eliminate the deleterious substances from our body. With urea and creatinine surging, a person could eventually end up in renal failure. From above, we can get a conclusion that diabetes is surely a thorny chronic disease that we should be cautious of.
 +
  </h4>
 +
  </div>
 +
  </div>
 +
      </div>
 +
      <footer class="w3-container w3-teal">
 +
        <p>&nbsp;</p>
 +
      </footer>
 +
    </div>
 +
  </div>
 +
<!-- the first card modal end -->
 +
</div>
 +
</div>
 +
 +
<div class="w3-third">
 +
<div class="w3-card white">
 +
  <div class="w3-container w3-indigo">
 +
<h3 style="color: white">Fitness Coach</h3>
 +
  </div>
 +
  <div class="w3-container">
 +
  <img src="https://static.igem.org/mediawiki/2017/9/9c/Mingdaojay1020-20.jpeg" width=100% height="auto" style="max-height: 300px; box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47);">
 +
  </div>
 +
  <ul class="w3-ul w3-border-top">
 +
  <li>
 +
    <h3>Time</h3>
 +
    <h3><strong>7/29</strong></h3>
 +
  </li>
 +
  <li>
 +
    <h3>Location</h3>
 +
    <h3><strong>Smooth Fitness Studio</strong></h3>
 +
  </li>
 +
  <li>
 +
    <h3>Consultant</h3>
 +
    <h3><strong>Coach Wei Qian-Fu</strong></h3>
 +
  </li>
 +
  </ul>
 +
  <div class="w3-container w3-indigo w3-large"><span class="w3-right">
 +
  <button onclick="document.getElementById('coach').style.display='block'" class="w3-button text-white" style="background: none"><i class="fa fa-mouse-pointer" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;Learn More</span>
 +
</button>
 +
  </div>
 +
  <!-- the second card modal -->
 +
    <div id="coach" class="w3-modal">
 +
      <div class="w3-modal-content w3-animate-top w3-card-4">
 +
        <header class="w3-container w3-teal">
 +
          <span onclick="document.getElementById('coach').style.display='none'"
 +
          class="w3-button w3-display-topright">&times;</span>
 +
          <h2 style="color: white">Coach</h2>
 +
        </header>
 +
        <div class="w3-container">
 +
 +
<nav class="nav nav-tabs" id="myTab" role="tablist">
 +
    <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true" style="text-decoration: none; color: blue; font-size: 18px">Content</a>
 +
    <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false" style="text-decoration: none; color: blue; font-size: 18px">Record</a>
 +
  </nav>
 +
  <div class="tab-content" id="nav-tabContent">
 +
    <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
 +
  <div class="row">
 +
  <div class="col-md-12 col-sm-12">
 +
  <h4 style="padding: 3rem 5rem 0 5rem">
 +
    After we had a discussion with Dr. Wu, we changed our aim from controlling diabetes to losing weight. Since weight losing is nothing more than controlling the diet and exercising for most people, we soon contacted with a fitness coach and paid a visit to his workshop, so as to learn the relation between them and our project.
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-8 col-sm-8" style="display: block; margin: auto">
 +
  <img src="https://static.igem.org/mediawiki/2017/7/7c/Mingdaojay1020-23.jpeg" width="100%" style="margin-top: 2rem">
 +
  </div>
 +
  </div>
 +
  <div class="row">
 +
  <div class="col-md-12 col-sm-12">
 +
  <h4 style="padding-left: 5rem; padding-right: 5rem">
 +
  While we are conversing with the coach, we had a heart full of doubt: Where’s the dumbbells or treadmills we usually see in a gym? After we consult the coach, he told us that the main point of “fitness” is not focusing on building bulky muscles but living a healthier life. We were confused by the time we heard this statement, thinking that it might not be what we had expected.
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-5 col-sm-5">
 +
  <h4 style="padding-left: 5rem;">
 +
  However, after about two hours of explanation, it dawned on us that what he said was all about one core concept:  excess is just as bad as deficiency. Training excessively is damage, while no exercise is unhealthy as well; too much intake of sugar is harmful, while too little sugar consumption is even more dangerous.
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-7 col-sm-7" style="display: block; margin: auto">
 +
  <img src="https://static.igem.org/mediawiki/2017/7/71/Mingdaojay1020-22.jpeg" width="80%">
 +
  </div>
 +
  <div class="col-md-12 col-sm-12">
 +
  <h4 style="padding-left: 5rem; padding-right: 5rem">
 +
  Similar to what Dr.Wu had told us, knowing how to adjust one’s own physiological stage and managing a balanced diet is the only way to live a healthy life. How wise it is. Perhaps this is the kind of thing we won’t be able to learn from the coach who’s pro in developing six pack abs. In the end of the discussion, he even taught us a breathing method used in training which helps regulate our breathing. To be honest, we had a special experience after today’s visit.
 +
  </h4>
 +
  </div>
 +
  <!-- conclusion -->
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/9/9c/Mingdaojay1020-20.jpeg" width="85%" align="right">
 +
  </div>
 +
  <div class="col-md-5 col-sm-5">
 +
  <h4>
 +
  In sum, this interview has surprised us - even ordinary things such as breathing has variations, but also let us learn a lot about regulating daily nutritions. Before finishing, he also suggested us to consult to the nutritionist, assuming that we might receive a different response. However, the two experts made similar proposals in the end, showing us the part our work needs to improve.
 +
  </h4>
 +
  </div>
 +
  </div>
 +
  </div>
 +
    <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
 +
  <div class="row">
 +
  <div class="col-md-12 col-sm-12">
 +
  <h4 style="padding: 3rem 5rem 0 5rem">
 +
  We summarized our project to the fitness instructor. He told us about his work. He has his own workshop, where he focuses on designing lessons, trying ways to stimulate advances in physical function, such as improving the ability of impairment. He said that what he does is absolutely different from those who conduct training for the purpose of body strengthening. 
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-8 col-sm-8" style="display: block; margin: auto">
 +
  <img src="https://static.igem.org/mediawiki/2017/0/0a/Mingdaojay1020-21.jpeg" width="100%" style="margin-top: 2rem">
 +
  </div>
 +
  <div class="col-md-10 col-sm-10" style="display: block; margin: auto; padding-top:2rem">
 +
  <h4><strong>We</strong>: Can we say that, this is similar to what we call OT (occupational therapy)?
 +
  Coach: Probably yes. But, I am just a coach for assistant purpose.
 +
    </h4>
 +
  <h4><strong>We</strong>: Will you recommend any kind of health supplements to your clients?
 +
  </h4>
 +
  <h4><strong>Coach</strong>: No. Due to the differences of individual needs, I think it is more appropriate that doctors do something like that instead of me. But, I can give them advices on what efficacy they may need for their supplements. 
 +
  </h4>
 +
  <h4><strong>We</strong>: Any examples?
 +
  </h4>
 +
  <h4><strong>Coach</strong>: Sure. Let me take weight losing. It’s easy to understand that if a person want to lose weight, the amount of calorie he consume must exceed the amount he take in. So, in the initial phase, calorie consumption is what we focus on. As long as he get used to the diet, we started to focus on the nutrients in food. Since too much starch may lead to obesity, we should make a reduction. Lastly, if he can follow all these requirements, we can than adjust his diet into a much healthier one, like, adding more organic food or something. If we ask a client to stick to all these rules at first, we can say that there’s no possibility that his determination will last.
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-8 col-sm-8" style="display: block; margin: auto">
 +
  <img src="https://static.igem.org/mediawiki/2017/d/df/Mingdaojay1020-24.png" width="100%" style="margin-top: 2rem">
 +
  </div>
 +
  <div class="col-md-10 col-sm-10" style="display: block; margin: auto; padding-top:2rem">
 +
  <h4>
 +
<strong>We</strong>: Have you ever seen someone, like, desperately push himself to the limit no matter what it cost, and, just to lose weight?
 +
</h4>  
 +
    <h4>
 +
<strong>Coach</strong>: Of course, yes. But, I would like to say that if you only care about your stature, but ignore the true value and purpose of exercising; I will tell the person, I’m sorry, but, I think we may not suit your need, and it will be better for you to look for someone else.
 +
</h4>
 +
    <h4>
 +
<strong>We</strong>: So, how do clients get started?
 +
</h4>
 +
    <h4>
 +
<strong>Coach</strong>: First, we reach a consensus with our clients. Then, we analyze their current physical conditions. Since we should prevent clients from over exercising, we, have the obligation to remind those who train themselves in rashness of the importance of keeping a regular daily routine. 
 +
</h4>
 +
<h4>
 +
<strong>We</strong>: So, how’s it like to have a “regular daily routine” ?
 +
</h4>
 +
    <h4>
 +
<strong>Coach</strong>: Try to avoid overworking. Also, too much sleep is not advisable.
 +
</h4> 
 +
  <h4>
 +
<strong>We</strong>: So, how healthy we get is not in proportion with how much we exercise, right? 
 +
</h4>
 +
  <h4>
 +
<strong>Coach</strong>: Exactly. You shouldn’t do what your body can’t afford just to get a sense of achievement. 
 +
</h4>
 +
  <h4>
 +
<strong>We</strong>: So, in addition to exercising, do you control your diet as well? 
 +
</h4>
 +
  <h4>
 +
<strong>Coach</strong>: Of course, yes. But, we don’t deliberately restrain the appetite, for people drop off easily because of that. 
 +
</h4>
 +
  </div>
 +
  <div class="col-md-9 col-sm-9" style="display: block; margin: auto">
 +
  <img src=" https://static.igem.org/mediawiki/2017/e/e4/Mingdaojay1020-25.png" width="100%" style="margin-top: 2rem">
 +
  </div>
 +
  <div class="col-md-10 col-sm-10" style="display: block; margin: auto; padding-top:2rem">
 +
  <h4>
 +
<strong>We</strong>: So, according to what you said, do you consider our project beneficial?
 +
</h4>
 +
<h4>
 +
<strong>Coach</strong>: Sure. I can say that it is really an innovative idea. But, what you should know is that the mechanism of sugar controlling in our body is much more delicate than you can imagine. You guys should give an insight into some impact it may bring to, like: Will there be any side effects? Will people be too reliable on it? Will a long term dosing lead to endocrine disorders? These are all what you should be wary of.  
 +
</h4>
 +
<h4>
 +
<strong>We</strong>: Can we lose weight by just stop eating anything? 
 +
</h4>
 +
<h4>
 +
<strong>Coach</strong>: Yes. But, I must say that if you stay in the condition of hunger for too long, the cell in your body may gradually reduce the consumption of energy. Thus, as long as everything is back to normal, your weight will bounce back rapidly. So, to sum up,   how to maintain is far more important, and also, far more difficult.  
 +
</h4>
 +
<h4>
 +
<strong>We</strong>: We’ve heard of some activists on weight losing. They even take methods such as liposuction and gastrectomy. What’s your opinion?
 +
</h4>
 +
<h4>
 +
<strong>Coach</strong>: Fat will still accumulate after liposuction, and gastrectomy is an irreversible harm to our body. To be blunt, I’m on the side of disapproval. 
 +
</h4>
 +
  </div>
 +
  </div> 
 +
  </div>
 +
  </div>
 +
 +
 +
        </div>
 +
        <footer class="w3-container w3-teal">
 +
          <p>&nbsp;</p>
 +
        </footer>
 +
      </div>
 +
    </div>
 +
  <!-- the second card modal end -->
 +
</div>
 +
</div>
 +
<!-- the third card -->
 +
<div class="w3-third">
 +
<div class="w3-card">
 +
  <div class="w3-container w3-theme" style="background: #6a8fc8;">
 +
<h3 style="color: white">Nutritionist</h3>
 +
  </div>
 +
  <div class="w3-container">
 +
  <img src="https://static.igem.org/mediawiki/2017/c/c2/Mingdaojay1020-41.jpeg" width=100% height="auto" style="max-height: 300px; box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47);">
 +
  </div>
 +
  <ul class="w3-ul w3-border-top">
 +
<li>
 +
  <h3>Time</h3>
 +
  <h3><strong>9/11</strong></h3>
 +
</li>
 +
<li>
 +
  <h3>Location</h3>
 +
  <h3><strong> McDonald's</strong></h3>
 +
</li>
 +
<li>
 +
  <h3>Consultant</h3>
 +
  <h3><strong> Nutritionist Liu Guan-Ling</strong></h3>
 +
</li>
 +
  </ul>
 +
  <div class="w3-container w3-theme w3-large" style="background: #6a8fc8;"><span class="w3-right" style="color: white">
 +
  <button onclick="document.getElementById('nutritionist').style.display='block'" class="w3-button text-white" style="background: none"><i class="fa fa-mouse-pointer" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;Learn More</span>
 +
  </button>
 +
  </div>
 +
 +
</div>
 +
</div>
 +
<!-- the third card modal -->
 +
  <div id="nutritionist" class="w3-modal">
 +
    <div class="w3-modal-content w3-animate-top w3-card-4">
 +
      <header class="w3-container w3-teal">
 +
        <span onclick="document.getElementById('nutritionist').style.display='none'"
 +
        class="w3-button w3-display-topright">&times;</span>
 +
        <h2 style="color: white">Nutritionist</h2>
 +
      </header>
 +
      <div class="w3-container">
 +
 +
<div class="row"style="margin-top: 2rem">
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/c/c0/Mingdaojay1020-42.jpeg" width="80%" align="right">
 +
  </div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <h4 style=" padding-right: 5rem">
 +
  <strong>Motivation :</strong>
 +
  When visiting the fitness coach, he suggested that we also consult a nutritionist, assuming that the answers agreed by different professions may be somewhat different. Based on the recommendations of the fitness coach, we found a nutritionist from Cheng Ching Hospital, hoping to get the answer that is beneficial to our project.
 +
  </h4>
 +
  </div>
 +
  </div>
 +
<div class="row"style="margin-top: 2rem">
 +
  <div class="col-md-6 col-sm-6">
 +
  <h4 style="padding-left: 5rem; padding-right: 2rem">
 +
  <strong>Highlight :</strong>
 +
  <ol>
 +
<li> Processed sugar intake accounted for a person's daily calories required 10% </li>
 +
<li> Excessive diet can hurt the body</li>
 +
<li> The amount of calories required for a day minus about 400 calories is the most appropriate calorie needed for dieting</li>
 +
<li> Fat is also one of the main causes of obesity</li>
 +
<li> Note the control of blood sugar</li>
 +
</ol>
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/c/c2/Mingdaojay1020-40.jpeg" width="70%" align="left">
 +
  </div>
 +
</div>
 +
  <div class="row">
 +
  <div class="col-md-12 col-sm-12">
 +
  <h4 style="padding-left: 5rem; padding-right: 5rem">
 +
  <strong>Conclusion :<br></strong>
 +
  After this interview, we found that the point of discussion nutritionist and fitness coach stand are similar in many ways : for instance, going on diet should not be excessive, controlling  food and drink is important. These are complementary to what we want to do. This interview also let us adjust our project in order to support the public in pursue of a healthy and better life.
 +
</h4>
 +
  </div>
 +
  </div>
 +
      </div>
 +
      <footer class="w3-container w3-teal">
 +
        <p>&nbsp;</p>
 +
      </footer>
 +
    </div>
 +
  </div>
 +
<!-- the third card modal end -->
 +
<!-- the third card end -->
 +
</div>
 +
<!-- END of card section -->
 +
 
</section>
 
</section>
  
Line 4,469: Line 4,847:
 
<section>
 
<section>
 
<div class="w3-row-padding w3-padding-64" id="work" style="background: #333333">
 
<div class="w3-row-padding w3-padding-64" id="work" style="background: #333333">
 +
<div class="inner">
 +
<header class="align-center">
 +
<h2 style="color: white">Outreach</h2>
 +
<h4>Science, not only the lab, but into into the public</h4>
 +
<hr>
 +
</header>
 +
</div>
 
<!-- Quarter 1 -->
 
<!-- Quarter 1 -->
 
<div class="w3-quarter" style="color: white">
 
<div class="w3-quarter" style="color: white">
<h2 style="color: white">Generic Topic</h2>
+
<div class="w3-card-2 w3-white">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
  <img src="https://static.igem.org/mediawiki/2017/1/15/Mingdaojay1020-31.jpeg" alt="Banner 2" style="width:100%">
 +
  <div class="w3-container">
 +
  <h3>The Poll</h3>
 +
  <h4>Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9/16</h4>
 +
  <h4>Location:<br>&nbsp;&nbsp;&nbsp;Taichung City</h4>
 +
  <h4>Participants:<br> The public</h4>
 +
  <h3 style="text-align: center"><i>Walk into the public!</i></h3>
 +
<div class="w3-container">
 +
 
 +
<button onclick="document.getElementById('poll').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button>
 +
 
 +
<!-- the third card modal -->
 +
  <div id="poll" class="w3-modal">
 +
    <div class="w3-modal-content w3-animate-top w3-card-4">
 +
      <header class="w3-container w3-indigo">
 +
        <span onclick="document.getElementById('poll').style.display='none'"
 +
        class="w3-button w3-display-topright">&times;</span>
 +
        <h2 style="color: white">The Poll</h2>
 +
      </header>
 +
      <div class="w3-container">
 +
  <nav class="nav nav-tabs" id="myTab" role="tablist">
 +
  <a class="nav-item nav-link active" id="nav-contentpoll-tab" data-toggle="tab" href="#nav-contentpoll" role="tab" aria-controls="nav-contentpoll" aria-selected="true" style="text-decoration: none; color: blue; font-size: 18px">Content</a>
 +
  <a class="nav-item nav-link" id="nav-recordpoll-tab" data-toggle="tab" href="#nav-recordpoll" role="tab" aria-controls="nav-recordpoll" aria-selected="false" style="text-decoration: none; color: blue; font-size: 18px">Map</a>
 +
    </nav>
 +
  <div class="tab-content" id="nav-tabContent">
 +
<div class="tab-pane fade show active" id="nav-contentpoll" role="tabpanel" aria-labelledby="nav-contentpoll-tab">
 +
<div class="row"style="margin-top: 2rem">
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/7/74/Mingdaojay1020-29.jpeg" width="80%" align="right">
 +
  </div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <h4 style=" padding-right: 5rem">
 +
  <strong>The Poll :</strong>
 +
  Although we are in such an era that information technology develops rapidly, the interaction between person and person is still very important.  Owing to this, we decide to make a poll and ask them people questions. During this activity, we met different kinds of people, and most of them were curious about our project and its procedure, some of them even asked whether this product will go public or not. 
 +
  </h4>
 +
  </div>
 +
</div>
 +
<div class="row"style="margin-top: 2rem">
 +
  <div class="col-md-6 col-sm-6">
 +
  <h4 style="padding-left: 5rem; padding-right: 2rem">
 +
  What impressed us the most is that we met our seniors when he was giving out free hugs. He gave each of us a hug, which is an encouragement to us. The mutual aid like this is the value that we want to put stress on and convey.) Although there were some people who didn’t coordinate, instead of feeling upset, we remained optimistic and searched for another subject. In the end, we got nearly a hundred opinions on our project. This not only made our data more detailed, but also gave us the power to move forward.
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/3/39/Mingdaojay1020-30.jpeg" width="100%" align="left">
 +
  </div>
 +
</div>
 +
</div>
 +
<div class="tab-pane fade" id="nav-recordpoll" role="tabpanel" aria-labelledby="nav-recordpoll-tab">
 +
<div class="row">
 +
<div class="col-md-2 col-sm-2">&nbsp;</div>
 +
<div class="col-md-8 col-sm-8">
 +
<img src="https://static.igem.org/mediawiki/2017/2/24/Mingdaojay1020-33.jpeg" width="100%" align="middle">
 +
</div>
 +
<div class="col-md-2 col-sm-2">&nbsp;</div>
 +
<div class="col-md-10 col-sm-10" style="display: block; margin: auto">
 +
<h4>We choose Taichung Train Station, National Science Museum, CMP block museum of arts, Taichung City Hall, Shin Kong Mitsukoshi, Maple Garden, and National Taichung Theater to make the poll.</h4>
 +
</div>
 +
</div>
 +
</div>
 +
  </div>
 +
</div>
 +
 
 +
  <footer class="w3-container w3-indigo">
 +
    <p>&nbsp;</p>
 +
    </footer>
 +
  </div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
</div>
 
<!-- Quarter 2 / [Card] first one-->
 
<!-- Quarter 2 / [Card] first one-->
 
<div class="w3-quarter">
 
<div class="w3-quarter">
 
<div class="w3-card-2 w3-white">
 
<div class="w3-card-2 w3-white">
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" alt="Banner 2" style="width:100%">
+
  <img src="https://static.igem.org/mediawiki/2017/a/a4/Mingdaojay1020-12.jpeg" alt="Banner 2" style="width:100%">
 
  <div class="w3-container">
 
  <div class="w3-container">
  <h3>Seminar</h3>
+
  <h3>S&amp;T Month</h3>
  <h4>Trade</h4>
+
  <h4>Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5/22, 23, 25</h4>
  <p>Blablabla</p>
+
  <h4>Location:<br>&nbsp;&nbsp;&nbsp;Lecture Hall &amp; Bio-Lab</h4>
  <p>Blablabla</p>
+
  <h4>Participants:<br> Mingdao students</h4>
  <p>Blablabla</p>
+
  <h3 style="text-align: center"><i>iGEM in Campus!</i></h3>
 
  <div class="w3-container">
 
  <div class="w3-container">
<button onclick="document.getElementById('id01').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button>
 
<div id="id01" class="w3-modal">
 
  
<div class="w3-modal-content w3-card-4 w3-animate-zoom">
+
<button onclick="document.getElementById('SandT').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button>
  <header class="w3-container w3-blue">
+
  <span onclick="document.getElementById('id01').style.display='none'"
+
  class="w3-button w3-blue w3-xlarge w3-display-topright">&times;</span>
+
  <h2>Header</h2>
+
  </header>
+
  
  <div class="w3-bar w3-border-bottom">
+
<!-- the third card modal -->
  <button class="tablink2 w3-bar-item w3-button" onclick="openCity(event, 'London1')">London</button>
+
  <div id="SandT" class="w3-modal">
  <button class="tablink2 w3-bar-item w3-button" onclick="openCity(event, 'Paris1')">Paris</button>
+
<div class="w3-modal-content w3-animate-top w3-card-4">
  <button class="tablink2 w3-bar-item w3-button" onclick="openCity(event, 'Tokyo1')">Tokyo</button>
+
  <header class="w3-container w3-indigo">
  </div>
+
<span onclick="document.getElementById('SandT').style.display='none'"
 +
class="w3-button w3-display-topright">&times;</span>
 +
<h2 style="color: white">S&amp;T month</h2>
 +
  </header>
 +
  <div class="w3-container">
  
  <div id="London1" class="w3-container city2">
+
<div class="row"style="margin-top: 2rem">
  <img src="https://static.igem.org/mediawiki/2017/8/89/Md-brainstorm-test.jpeg" width="100%">
+
  <div class="col-md-6 col-sm-6">
  <p><i>Pic. Description</i>&nbsp;&nbsp;&nbsp;&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p>
+
  <img src="https://static.igem.org/mediawiki/2017/9/96/Mingdaojay1020-14.jpeg" width="80%" align="right">
  <div class="w3-panel w3-leftbar w3-light-grey">
+
  </div>
<p class="w3-xlarge w3-serif"><i>Topic of Something</i></p>
+
  <div class="col-md-6 col-sm-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
  <h4 style=" padding-right: 5rem">
  </div>
+
  <strong>S&amp;T Month</strong> is a tech activity hold by Mingdao annually. In the period time of five weeks, teachers and students trained in Physics, Chemical, Earth science, Biology and iGEM lead the other students to have an inside look into the world of science. 2017 Mingdao Team arranged two days of experiment and one day of a lecture. It is because iGEM still remains unfamiliar to them that the registration is quite enthusiastic. Such an optimistic start it is our campaign on iGEM has.  
  </div>
+
  </h4>
 +
  </div>
 +
</div>
 +
<div class="row"style="margin-top: 2rem">
 +
<div class="col-md-12 col-sm-12">
 +
<h4 style="width: 85%; display: block; margin: auto">

 +
The first experiment is plasmid DNA extraction. After explaining the concept of it, we divided them into six groups, and chose a leader from our team members for every group. Most of the students had never used pipette before, which made them tense but eager to try. After all, what we students usually use are always droppers, beakers…and so on. 
 +
<br>
 +
</h4>
 +
</div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <h4 style="padding-left: 5rem; padding-right: 2rem">
 +
    During the experiment day, we showed them our newly-opened-up lab and had them take turn operating at the same time. They all felt it cool and funny to extract the plasmid, and showed more interest in the experiment, electrophoresis, the next day. Not only did they ask questions enthusiastically, but they were more skilled because of the practices the day before.
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/e/e4/Mingdaojay1020-13.jpeg" width="80%" align="left">
 +
  </div>
 +
</div>
 +
<div class="row"style="margin-top: 2rem">
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/3/39/Mingdaojay1020-15.jpeg" width="80%" align="right">
 +
  </div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <h4 style=" padding-right: 5rem">
 +
  As for the lecture on the third day, we told them more about what exactly Molecular biology is, and we invited a senior who had engaged in iGEM last year shared his experience and what he learned in iGEM. 
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-10 col-sm-10" style="display: block; margin: auto">
 +
  <h4>
 +
This activity gives middle school students a basic idea of Molecular biology. Moreover, it helps increase iGEM’s popularity as well. It is really killing two birds with one stone. 
 +
</h4>
 +
  </div>
 +
</div>
 +
</div>
  
  <div id="Paris1" class="w3-container city2">
 
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" width="100%">
 
  <p><i>Pic. Description</i>&nbsp;&nbsp;&nbsp;&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p>
 
  <div class="w3-panel w3-leftbar w3-light-grey">
 
<p class="w3-xlarge w3-serif"><i>Topic of Something</i></p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
  </div>
 
  </div>
 
 
  <div id="Tokyo1" class="w3-container city2">
 
  <img src="https://static.igem.org/mediawiki/2017/8/89/Md-brainstorm-test.jpeg" width="100%">
 
  <p><i>Pic. Description</i>&nbsp;&nbsp;&nbsp;&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p>
 
  <div class="w3-panel w3-leftbar w3-light-grey">
 
<p class="w3-xlarge w3-serif"><i>Topic of Something</i></p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
  </div>
 
  </div>
 
 
<div class="w3-container w3-light-grey w3-padding">
 
<button class="w3-button w3-right w3-white w3-border"  onclick="document.getElementById('id01').style.display='none'">Close</button>
 
  </div>
 
</div>
 
</div>
 
<!-- Script of tabbed modal -->
 
<script>
 
document.getElementsByClassName("tablink2")[0].click();
 
  
function openCity(evt, cityName) {
+
<footer class="w3-container w3-indigo">
  var i, x, tablinks;
+
<p>&nbsp;</p>
  x = document.getElementsByClassName("city2");
+
</footer>
  for (i = 0; i < x.length; i++) {
+
</div>
x[i].style.display = "none";
+
</div>
  }
+
<!-- the third card modal end -->
  tablinks = document.getElementsByClassName("tablink2");
+
  for (i = 0; i < x.length; i++) {
+
tablinks[i].classList.remove("w3-light-grey");
+
  }
+
  document.getElementById(cityName).style.display = "block";
+
  evt.currentTarget.classList.add("w3-light-grey");
+
}
+
</script>
+
 
  </div>
 
  </div>
 
  </div>
 
  </div>
  </div>
+
  </div>
 
</div>
 
</div>
  
Line 4,559: Line 5,011:
 
<div class="w3-quarter">
 
<div class="w3-quarter">
 
<div class="w3-card-2 w3-white">
 
<div class="w3-card-2 w3-white">
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" alt="Banner 2" style="width:100%">
+
  <img src="https://static.igem.org/mediawiki/2017/0/06/Mingdaojay1020-8.jpeg" alt="Banner 2" style="width:100%">
 
  <div class="w3-container">
 
  <div class="w3-container">
  <h3>Seminar</h3>
+
  <h3>Elementary School</h3>
  <h4>Trade</h4>
+
  <h4>Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9/22</h4>
  <p>Blablabla</p>
+
  <h4>Location:<br>Chiao-Jen Elementary School</h4>
  <p>Blablabla</p>
+
  <h4>Participants:<br> Kids</h4>
  <p>Blablabla</p>
+
  <h3 style="text-align: center"><i>Sow Seed of Science</i></h3>
 
  <div class="w3-container">
 
  <div class="w3-container">
  
<button onclick="document.getElementById('id02').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button>
+
<button onclick="document.getElementById('ele').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button>
<div id="id02" class="w3-modal">
+
<!-- the third card modal -->
 
+
  <div id="ele" class="w3-modal">
<div class="w3-modal-content w3-card-4 w3-animate-zoom">
+
<div class="w3-modal-content w3-animate-top w3-card-4">
  <header class="w3-container w3-blue">
+
  <header class="w3-container w3-indigo">
  <span onclick="document.getElementById('id02').style.display='none'"
+
<span onclick="document.getElementById('ele').style.display='none'"
  class="w3-button w3-blue w3-xlarge w3-display-topright">&times;</span>
+
class="w3-button w3-display-topright">&times;</span>
  <h2>Header</h2>
+
<h2 style="color: white">Elementary School Promotion</h2>
  </header>
+
  </header>
 
+
  <div class="w3-container">
  <div class="w3-bar w3-border-bottom">
+
  <div class="row"style="margin-top: 2rem">
  <button class="tablink2 w3-bar-item w3-button" onclick="openCity(event, 'London2')">London</button>
+
    <div class="col-md-6 col-sm-6">
  <button class="tablink2 w3-bar-item w3-button" onclick="openCity(event, 'Paris2')">Paris</button>
+
    <img src="https://static.igem.org/mediawiki/2017/8/8c/Mingdaojay1020-11.png" width="80%" align="right">
  <button class="tablink2 w3-bar-item w3-button" onclick="openCity(event, 'Tokyo2')">Tokyo</button>
+
    </div>
  </div>
+
    <div class="col-md-6 col-sm-6">
 
+
    <h4 style="padding-right: 5rem; display: block; margin: auto">
  <div id="London2" class="w3-container city2">
+
  <br>
  <img src="https://static.igem.org/mediawiki/2017/8/89/Md-brainstorm-test.jpeg" width="100%">
+
    After S&amp;T Month, we decided to extend our educate range to elementary school students. To let more people know the spirit of iGEM, we went to an elementary school, Chiao-Jen, to teach students there some basic concept of synthetic biology and introduce iGEM to them.
  <p><i>Pic. Description</i>&nbsp;&nbsp;&nbsp;&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p>
+
    </h4>
  <div class="w3-panel w3-leftbar w3-light-grey">
+
    </div>
<p class="w3-xlarge w3-serif"><i>Topic of Something</i></p>
+
  </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
  <div class="row"style="margin-top: 2rem">
 +
    <div class="col-md-6 col-sm-6">
 +
    <h4 style="padding-left: 5rem; padding-right: 2rem">
 +
     We prepared a game for them and a bag of candy as reward, making it easier to understand what we want to express. Every team had one million dollars to invest in the genetically modified product. In the meanwhile, we mixed some fundamental idea of the synthetic biology into the game. Then, we explained the relationship between DNA and gene briefly. To our surprise, there was even a little boy asking us our opinion on GMO foods! 
 +
    </h4>
 +
    </div>
 +
    <div class="col-md-6 col-sm-6">
 +
    <img src="https://static.igem.org/mediawiki/2017/b/b1/Mingdaojay1020-7.png" width="80%" align="left">
 +
    </div>
 +
  </div>
 +
  <div class="row"style="margin-top: 2rem">
 +
    <div class="col-md-10 col-sm-10" style="display: block; margin: auto">
 +
    <h4>
 +
  In this activity, we find It is the passionate interaction students react to you that what the most enjoyable moment of teaching is.  It was their passionate participation that made this activity succeed.
 +
  </h4>
 +
  </div>
 +
    <div class="col-md-6 col-sm-6">
 +
    <img src="https://static.igem.org/mediawiki/2017/f/f7/Mingdaojay1020-10.jpeg" width="80%" align="right">
 +
    </div>
 +
    <div class="col-md-6 col-sm-6">
 +
        <img src="https://static.igem.org/mediawiki/2017/2/24/Mingdaojay1020-9.jpeg" width="80%" align="left">
 +
    </div>
 +
  </div>
 
  </div>
 
  </div>
 +
  <footer class="w3-container w3-indigo">
 +
<p>&nbsp;</p>
 +
  </footer>
 +
</div>
 
  </div>
 
  </div>
 
+
<!-- the third card modal end -->
  <div id="Paris2" class="w3-container city2">
+
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" width="100%">
+
  <p><i>Pic. Description</i>&nbsp;&nbsp;&nbsp;&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p>
+
  <div class="w3-panel w3-leftbar w3-light-grey">
+
<p class="w3-xlarge w3-serif"><i>Topic of Something</i></p>
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
  </div>
+
  </div>
+
 
+
  <div id="Tokyo2" class="w3-container city2">
+
  <img src="https://static.igem.org/mediawiki/2017/8/89/Md-brainstorm-test.jpeg" width="100%">
+
  <p><i>Pic. Description</i>&nbsp;&nbsp;&nbsp;&nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p>
+
  <div class="w3-panel w3-leftbar w3-light-grey">
+
<p class="w3-xlarge w3-serif"><i>Topic of Something</i></p>
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
  </div>
+
  </div>
+
 
+
<div class="w3-container w3-light-grey w3-padding">
+
<button class="w3-button w3-right w3-white w3-border"  onclick="document.getElementById('id02').style.display='none'">Close</button>
+
  </div>
+
</div>
+
</div>
+
<!-- Script of tabbed modal -->
+
<script>
+
document.getElementsByClassName("tablink2")[0].click();
+
 
+
function openCity(evt, cityName) {
+
  var i, x, tablinks;
+
  x = document.getElementsByClassName("city2");
+
  for (i = 0; i < x.length; i++) {
+
x[i].style.display = "none";
+
  }
+
  tablinks = document.getElementsByClassName("tablink2");
+
  for (i = 0; i < x.length; i++) {
+
tablinks[i].classList.remove("w3-light-grey");
+
  }
+
  document.getElementById(cityName).style.display = "block";
+
  evt.currentTarget.classList.add("w3-light-grey");
+
}
+
</script>
+
 
  </div>
 
  </div>
 
  </div>
 
  </div>
  </div>
+
  </div>
 
</div>
 
</div>
  
Line 4,642: Line 5,079:
 
<div class="w3-quarter">
 
<div class="w3-quarter">
 
<div class="w3-card-2 w3-white">
 
<div class="w3-card-2 w3-white">
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" alt="Monterosso" style="width:100%">
+
  <img src="https://static.igem.org/mediawiki/2017/0/00/Mingdaojay1020-36.png" alt="Monterosso" style="width:100%">
 
  <div class="w3-container">
 
  <div class="w3-container">
<h3>Customer 3</h3>
+
<h3>Drink Sampling</h3>
<h4>Trade</h4>
+
<h4>Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10/3</h4>
<p>Blablabla</p>
+
<h4>Location: <br>&nbsp;&nbsp;&nbsp;Mingdao High School</h4>
<p>Blablabla</p>
+
<h4>Participants:<br> Mingdao staff and students</h4>
<p>Blablabla</p>
+
<h3 style="text-align: center"><i>Just Drink It!</i></h3>
 
<div class="w3-container">
 
<div class="w3-container">
<button onclick="document.getElementById('id03').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button>
+
 
 +
<button onclick="document.getElementById('drink').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button>
 +
 
 +
<!-- the third card modal -->
 +
  <div id="drink" class="w3-modal">
 +
    <div class="w3-modal-content w3-animate-top w3-card-4">
 +
      <header class="w3-container w3-indigo">
 +
        <span onclick="document.getElementById('drink').style.display='none'"
 +
        class="w3-button w3-display-topright">&times;</span>
 +
        <h2 style="color: white">Drink Sampling</h2>
 +
      </header>
 +
      <div class="w3-container">
 +
  <nav class="nav nav-tabs" id="myTab" role="tablist">
 +
  <a class="nav-item nav-link active" id="nav-contentdrink-tab" data-toggle="tab" href="#nav-contentdrink" role="tab" aria-controls="nav-contentdrink" aria-selected="true" style="text-decoration: none; color: blue; font-size: 18px">Content</a>
 +
  <a class="nav-item nav-link" id="nav-recorddrink-tab" data-toggle="tab" href="#nav-recorddrink" role="tab" aria-controls="nav-recorddrink" aria-selected="false" style="text-decoration: none; color: blue; font-size: 18px">Opinion</a>
 +
    </nav>
 +
  <div class="tab-content" id="nav-tabContent">
 +
<div class="tab-pane fade show active" id="nav-contentdrink" role="tabpanel" aria-labelledby="nav-contentdrink-tab">
 +
<div class="row"style="margin-top: 2rem">
 +
      <div class="col-md-6 col-sm-6">
 +
      <img src="https://static.igem.org/mediawiki/2017/c/c7/Mingdaojay1020-38.jpeg" width="90%" align="right">
 +
      </div>
 +
      <div class="col-md-6 col-sm-6">
 +
      <h4 style="padding-right: 5rem; display: block; margin: auto">
 +
    <br><br>
 +
  In order to know whether sweet foods are more favored by the public, we held an event in school, called “Drink sampling”. 
 +
      </h4>
 +
      </div>
 +
<div class="col-md-10 col-sm-10" style="display: block; margin: auto">
 +
<h4>
 +
<br>
 +
We made the statistic this way: We offered both sugar-free and sugary beverages. There were buckets placed beside each beverage pail. First, the participants were given two cups of drinks from each pail. They were asked to decide which one they like, and toss both of their cups into the correspondent bucket. At last, we sum up the cups in each bucket to find out the result.
 +
</h4>
 +
</div>
 +
    </div>
 +
    <div class="row"style="margin-top: 2rem">
 +
      <div class="col-md-6 col-sm-6">
 +
      <h4 style="padding-left: 5rem; padding-right: 2rem">
 +
         There are also games to attract more people. It’s a shame that we weren’t able to elaborate the process of our project to every participant due to the chaos, but, it is sure that we’ve not only increased public’s attention on both our project and IGEM but also successfully introduced more people into the domain of gene engineering. 
 +
      </h4>
 +
      </div>
 +
      <div class="col-md-6 col-sm-6">
 +
      <img src="https://static.igem.org/mediawiki/2017/d/d2/Mingdaojay1020-39.jpeg" width="90%" align="left">
 +
      </div>
 +
    </div>
 +
    <div class="row"style="margin-top: 2rem">
 +
 
 +
      <div class="col-md-6 col-sm-6">
 +
      <h4 style="text-align: center; vertical-align: middle">
 +
  <br><br><br>
 +
  Here's the result:
 +
  </h4>
 +
      </div>
 +
      <div class="col-md-6 col-sm-6">
 +
          <img src="https://static.igem.org/mediawiki/2017/2/2e/Mingdaojay1020-34.jpeg" width="90%" align="left">
 +
      </div>
 +
    </div>
 +
</div>
 +
<div class="tab-pane fade" id="nav-recorddrink" role="tabpanel" aria-labelledby="nav-recorddrink-tab">
 +
<div class="row">
 +
<div class="col-md-10 col-sm-10" style="display: block; margin: auto">
 +
<h3>
 +
<strong>Here are the two opinions after the events :</strong>
 +
</h3>
 +
<h4>
 +
<blockquote>Student A :<br>
 +
This time, the member of Mingdao iGEM 2017 hold a activity - drink sampling, which done the survey and the endorsement at the same time. I think the activity is great because the main goal of iGEM is to satisfied people's requirements after finding it, and the objective of genetic engineering is to make people's life more convenient. By the way, the drink taste better with sugar in most people's opinion.
 +
</blockquote>
 +
</h4>
 +
<img src="https://static.igem.org/mediawiki/2017/2/25/Mingdaojay1020-35.png" width="80%" align="middle">
 +
<br>
 +
</div>
 +
<div class="col-md-10 col-sm-10" style="display: block; margin: auto">
 +
 
 +
<h4>
 +
<blockquote>Student B :<br>
 +
Although I’m not one of the members of the IGEM team, I still learn a lot from the course concerning this project. During the preparation, I saw some previous souvenir, which makes me wonder what kind of surprise they will bring us this time. First, they asked us to drink some beverages. Some were normal and some were sugar-free. This really confused me. Then, they asked us which one we preferred. I thought that they were doing some research to study the dietary habit of Mingdao students. Though didn’t participate in the game they play later on, I could surely feel the hard work they put into carrying out this project. You guys really did a good job. I sincerely hope that this activity can benefit your experiment. But, I suggest that next time the activity could be more simplified, or you can try walking instead of standing at a particular place! 
 +
</blockquote>
 +
</h4>
 +
<img src="https://static.igem.org/mediawiki/2017/7/7c/Mingdaojay1020-37.jpeg" width="80%" align="middle">
 +
</div>
 +
</div>
 +
</div>
 +
  </div>
 +
</div>
 +
 
 +
  <footer class="w3-container w3-indigo">
 +
    <p>&nbsp;</p>
 +
    </footer>
 +
  </div>
 
</div>
 
</div>
 +
</div>
 
  </div>
 
  </div>
 
</div>
 
</div>
Line 4,663: Line 5,190:
  
 
<!--Copy of section 1-->
 
<!--Copy of section 1-->
<section id="expert" class="wrapper style2">
+
 
<div style="margin-left: 20px">
+
 
<span class="w3-center w3-padding-small w3-black w3-xlarge w3-wide w3-animate-opacity"> <span class="w3-hide-small"></span> </span>
+
  <span class="w3-center w3-padding-large w3-xlarge w3-wide w3-animate-opacity">Expert Consultation</span>
+
<br/><br/>
+
<!-- Box -->
+
<div class="box" style="background-color: rgba(255, 255, 255, 0); margin-right: 50px">
+
<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.</p>
+
<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.</p>
+
</div>
+
</div>
+
</section>
+
<!-- Two -->
+
<section id="two" class="wrapper style3">
+
<div class="inner">
+
<header class="align-center">
+
<p class="w3-center">To achieve our goal, we consult experts in different areas of study</p>
+
<h2>Expert Consultation</h2>
+
</header>
+
</div>
+
</section>
+
  
 
<!-- Three -->
 
<!-- Three -->
Line 4,692: Line 5,200:
 
  <div class="w3-row" style="width: 80%; margin-left:30px; padding:30px">
 
  <div class="w3-row" style="width: 80%; margin-left:30px; padding:30px">
 
  <div class="w3-third w3-container" style="border-right: 10px solid #383838">
 
  <div class="w3-third w3-container" style="border-right: 10px solid #383838">
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" width=100% height=auto style="max-height: 400px; border-radius: 20px;box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47)">
+
  <img src="https://static.igem.org/mediawiki/2017/e/e4/Mingdaojay1020-2.jpeg" width=100% height=auto style="max-height: 400px; border-radius: 20px;box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47)">
 
  </div>
 
  </div>
 
  <div class="w3-twothird w3-container" style="padding-left: 40px">
 
  <div class="w3-twothird w3-container" style="padding-left: 40px">
  <h3>Company 2</h3>
+
  <div style="padding-left: 8rem">
<p>The w3-third class uses one third (33.33%) of the screen widow.</p>
+
  <br>
<p>On small screens (max 600 pixels) it automatically resizes to full screen width.</p>
+
  <h3>Food and Drug Administration</h3>
 +
  <h4>Time : 9/27</h4>
 +
  <h4>Location : TFDA Office Building</h4>
 +
  <h4>Participant : Section Manager Zhou </h4>
 +
  <h4></h4>
 +
  </div>
 
  </div>
 
  </div>
 
</div>
 
</div>
Line 4,703: Line 5,216:
 
<!--Column two-->
 
<!--Column two-->
 
<div class="w3-row" style="width: 80%; margin-left:50px">
 
<div class="w3-row" style="width: 80%; margin-left:50px">
  <div class="w3-twothird w3-container" style="padding-left: 40px">
+
  <div class="w3-twothird w3-container" style="padding-left: 40px;">
  <h3>Company One</h3>
+
  <h3>Food Industry Research and Development Institute</h3>
<p>The w3-third class uses one third (33.33%) of the screen widow.</p>
+
  <h4>Time : 9/29</h4>
<p>On small screens (max 600 pixels) it automatically resizes to full screen width.</p>
+
  <h4>Location : FIRDI Research Building</h4>
 +
  <h4>Participant : Doctor Zhu Wen-Shen </h4>
 
  </div>
 
  </div>
 
  <div class="w3-third w3-container" style="border-left: 10px solid #5CBAB3">
 
  <div class="w3-third w3-container" style="border-left: 10px solid #5CBAB3">
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" width=100% height=auto style="max-height: 400px; border-radius: 20px;box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47)">
+
  <img src="https://static.igem.org/mediawiki/2017/9/9a/Mingdaojay1020-17.jpeg" width=100% height=auto style="max-height: 400px; border-radius: 20px;box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47)">
 
  </div>
 
  </div>
 
</div>
 
</div>
Line 4,716: Line 5,230:
 
</div>
 
</div>
 
</section>
 
</section>
 +
 +
<section id="expert" class="wrapper style2">
 +
 +
<div class="w3-row-padding" id="work" style="background: #333333;">
 +
 +
<nav class="nav nav-tabs" style="padding-top:3rem"id="myTab" role="tablist">
 +
  <a class="nav-item nav-link active" id="nav-test1-tab" data-toggle="tab" href="#nav-test1" role="tab" aria-controls="nav-test1" aria-selected="true" style="text-decoration: none; color: blue; font-size: 18px">FIRDI [Content]</a>
 +
  <a class="nav-item nav-link" id="nav-test2-tab" data-toggle="tab" href="#nav-test2" role="tab" aria-controls="nav-test2" aria-selected="false" style="text-decoration: none; color: blue; font-size: 18px">FIRDI [Record]</a>
 +
  <a class="nav-item nav-link" id="nav-test3-tab" data-toggle="tab" href="#nav-test3" role="tab" aria-controls="nav-test3" aria-selected="false" style="text-decoration: none; color: blue; font-size: 18px">FDA</a>
 +
</nav>
 +
<div class="tab-content" id="nav-tabContent">
 +
  <div class="tab-pane fade show active" id="nav-test1" role="tabpanel" aria-labelledby="nav-test1-tab">
 +
  <!-- Discussion Section -->
 +
  <div class="row" style="margin-top: 3rem; margin-bottom: 3rem">
 +
  <div class="col-md-10 col-sm-12" style="display: block; margin: auto">
 +
  <div class="card mb-3 bg-primary">
 +
    <div class="card-header text-center"><strong style="color: #fff; letter-spacing:0.5rem;">FIRDI - Content</strong></div>
 +
    <div class="card-body bg-light">
 +
  <br>
 +
<div class="row"style="margin-top: 2rem">
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/6/6c/Mingdaojay1020-6.png" width="80%" align="right">
 +
  </div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <h3 style=" padding-right: 5rem"><strong>Introduction</strong><br></h3>
 +
  <h4 >
 +
  FDA(Food and Drug Administration) is a govenment institution. They’re responsible for the management and supervision of commercialized food and medicines. They aim to intensify the regulation and risk assessment for food, drugs, emerging technologies and cosmetics. Also, they strive to develop core examining technology to create a safe environment for customers. You can say that FDA is the goalkeeper of people’s dieting.
 +
  </h4>
 +
  </div>
 +
</div>
 +
<div class="row"style="margin-top: 2rem">
 +
<div class="col-md-12 col-sm-12">
 +
<h4 style="width: 85%; display: block; margin: auto">

 +
The first experiment is plasmid DNA extraction. After explaining the concept of it, we divided them into six groups, and chose a leader from our team members for every group. Most of the students had never used pipette before, which made them tense but eager to try. After all, what we students usually use are always droppers, beakers…and so on. 
 +
<br>
 +

</h4>
 +
</div>
 +
<div class="col-md-6 col-sm-6">
 +
<br><br>
 +
  <h3 style="padding-left: 5rem; padding-right: 2rem"><strong>Highlight :</strong></h3>
 +
  <h4 style="padding-left: 5rem; padding-right: 2rem">
 +
 +
  <ol>
 +
<li> Based on the reference from the WHO, the amount of calorie we consume from refined sugar should not exceed 10% of daily sugar intake.</li>
 +
<li>Refined sugar added in items that can be called “heath food” should not exceed 25 grams, which is half of daily sugar intake for adults. Also, items with more than 50/3 grams of refined sugar should be labeled.</li>
 +
<li>  If a product is only to be positioned to a kind of common food, it won’t be required to pass any examination procedures. But, if it is to be a health food warranted by the government, it is necessary that you pass the inspections on food additions and ingredients.</li>
 +
<li> The list of food additions that could be used is now available on the internet. Manufactures are required to hand in their examination result themselves.</li>
 +
<li> The reason why GMO products do not prevail in Taiwan is not related to the regulations. Governing ministries will only require GMO products to be labeled because some people is still suspicious about the safety problems. </li>
 +
<li>If after 5 years, a new regulation is enacted, and the standard is adjusted, we will examine the product with the new standard again.</li>
 +
<li>Before commercializing, a product could go through either human clinical trial or animal study. </li>
 +
<li> There is something needed if a product are to be commercialized:<br>
 +
(a.)&nbsp;&nbsp;&nbsp; The effect of the product must be testified
 +
<br>
 +
(b.)&nbsp;&nbsp;&nbsp; Descriptive data about:
 +
<br>
 +
- The bacterial strain used<br>
 +
- How it was grown and preserved <br>
 +
- How its DNA strand in reconstructed <br>
 +
- Whether any toxic or allergic reaction is found
 +
</li>
 +
</ol>
 +
  </h4>
 +
  </div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/d/d2/Mingdaojay1020-1.jpeg" width="80%" align="left">
 +
  <br>
 +
  <img src="https://static.igem.org/mediawiki/2017/f/f3/Mingdaojay1020-4.jpeg" width="80%" align="left">
 +
  <br>
 +
  <img src="https://static.igem.org/mediawiki/2017/6/6a/Mingdaojay1020-5.jpeg" width="80%" align="left">
 +
  <!-- Discussion Section -->
 +
  <div class="w3-row-padding" id="work">
 +
  <div class="row" style="margin-top: 3rem; margin-bottom: 3rem">
 +
  <div class="col-md-10 col-sm-10">
 +
  <div class="card mb-3 bg-primary">
 +
<div class="card-header text-center"><strong style="color: #fff; letter-spacing:0.5rem;">Conclusion</strong></div>
 +
<div class="card-body bg-light">
 +
  <br>
 +
 +
  <h4>
 +
  As students being unfamiliar with the procedure of law, we understood the inspection standard of laws about health food and GM food after interviewing the section manager, Mr. Chou, which gave us a new angle of sight to reexamine the position of our product. </h4>
 +
</div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  <!-- Discussion Section END -->
 +
  </div>
 +
</div>
 +
    </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  <!-- Discussion Section END -->
 +
  </div>
 +
  <div class="tab-pane fade" id="nav-test2" role="tabpanel" aria-labelledby="nav-test2-tab">
 +
  <!-- Discussion Section -->
 +
  <div class="row" style="margin-top: 3rem; margin-bottom: 3rem">
 +
  <div class="col-md-10 col-sm-12" style="display: block; margin: auto">
 +
  <div class="card mb-3 bg-primary">
 +
    <div class="card-header text-center"><strong style="color: #fff; letter-spacing:0.5rem;">FIRDI - Record</strong></div>
 +
    <div class="card-body bg-light">
 +
  <br>
 +
  <h4>We’ve successfully genetically engineered E. coli expressing high-affinity active PTS transporter system and low-affinity facilitated Na+/glucose cotransporter system by screening in MacConkey and glycerol agar plate with chloramphenicol, respectively. Our data is consistent with the previous study that overexpressing glucose transporter genes do really harm E. coli partly due to disturbing glycolytic pathways.</h4>
 +
  <h4>PTS expressing bacteria grew difficultly in LB broth but Na+/glucose transporter expressing bacteria grew comparably with general E. coli, suggesting that high-affinity active transporter did interact with sugar-related substances in LB culture media and harm the bacterial survival.</h4>
 +
  <h4>In our results, glucose absorption by Na+/glucose transporter expressing bacteria was achieved to 97% after 4 hours with 1.2 times enhanced efficiency compared to the normal E. coli. To further increase the rate of glucose uptake, one may think about the glucose metabolism or conversion to other materials when entering into the cell.</h4>
 +
    </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  <!-- Discussion Section END -->
 +
  </div>
 +
  <div class="tab-pane fade" id="nav-test3" role="tabpanel" aria-labelledby="nav-test3-tab">
 +
  <!-- Discussion Section -->
 +
  <div class="row" style="margin-top: 3rem; margin-bottom: 3rem">
 +
  <div class="col-md-10 col-sm-12" style="display: block; margin: auto">
 +
  <div class="card mb-3 bg-primary">
 +
    <div class="card-header text-center"><strong style="color: #fff; letter-spacing:0.5rem;">FDA</strong></div>
 +
    <div class="card-body bg-light">
 +
  <br>
 +
<div class="row"style="margin-top: 2rem">
 +
  <div class="col-md-6 col-sm-6">
 +
  <img src="https://static.igem.org/mediawiki/2017/6/6c/Mingdaojay1020-6.png" width="80%" align="right">
 +
  </div>
 +
  <div class="col-md-6 col-sm-6">
 +
  <h3 style=" padding-right: 5rem"><strong>Introduction</strong><br></h3>
 +
  <h4 >
 +
  FDA(Food and Drug Administration) is a govenment institution. They’re responsible for the management and supervision of commercialized food and medicines. They aim to intensify the regulation and risk assessment for food, drugs, emerging technologies and cosmetics. Also, they strive to develop core examining technology to create a safe environment for customers. You can say that FDA is the goalkeeper of people’s dieting.
 +
  </h4>
 +
  </div>
 +
</div>
 +
  <h4>In our results, glucose absorption by Na+/glucose transporter expressing bacteria was achieved to 97% after 4 hours with 1.2 times enhanced efficiency compared to the normal E. coli. To further increase the rate of glucose uptake, one may think about the glucose metabolism or conversion to other materials when entering into the cell.</h4>
 +
    </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  <!-- Discussion Section END -->
 +
  </div>
 +
</div>
 +
 +
 +
</div>
 +
</section>
 
<!--four-->
 
<!--four-->
 
<section id="four">
 
<section id="four">
Line 4,737: Line 5,393:
 
<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.</p>
 
<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.</p>
 
</div>
 
</div>
                <!-- START of card section -->
 
<div class="w3-row-padding">
 
  
<div class="w3-third">
 
<div class="w3-card white">
 
  <div class="w3-container w3-indigo">
 
<h3 style="color: white">Achieve 1</h3>
 
  </div>
 
  <div class="w3-container">
 
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" width=100% height="auto" style="max-height: 300px; box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47);">
 
  </div>
 
  <ul class="w3-ul w3-border-top">
 
<li>
 
  <h3>Frozen</h3>
 
  <p>The response to the animations was ridiculous</p>
 
</li>
 
<li>
 
  <h3>The Fault in Our Stars</h3>
 
  <p>Touching, gripping and genuinely well made</p>
 
</li>
 
  </ul>
 
  <div class="w3-container w3-indigo w3-large"><span class="w3-right">Next</span></div>
 
</div>
 
</div>
 
 
<div class="w3-third">
 
<div class="w3-card white">
 
  <div class="w3-container w3-indigo">
 
<h3 style="color: white">Achieve 2</h3>
 
  </div>
 
  <div class="w3-container">
 
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" width=100% height="auto" style="max-height: 300px; box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47);">
 
  </div>
 
  <ul class="w3-ul w3-border-top">
 
<li>
 
  <h3>Frozen</h3>
 
  <p>The response to the animations was ridiculous</p>
 
</li>
 
<li>
 
  <h3>The Fault in Our Stars</h3>
 
  <p>Touching, gripping and genuinely well made</p>
 
</li>
 
  </ul>
 
  <div class="w3-container w3-indigo w3-large"><span class="w3-right">Next</span></div>
 
</div>
 
</div>
 
 
<div class="w3-third">
 
<div class="w3-card">
 
  <div class="w3-container w3-theme" style="background: #6a8fc8;">
 
<h3 style="color: white">Achieve 3</h3>
 
  </div>
 
  <div class="w3-container">
 
  <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" width=100% height="auto" style="max-height: 300px; box-shadow: 7px 6px 34px 4px rgba(0,0,0,0.47);">
 
  </div>
 
  <ul class="w3-ul w3-border-top">
 
<li>
 
  <h3>Frozen</h3>
 
  <p>The response to the animations was ridiculous</p>
 
</li>
 
<li>
 
  <h3>The Fault in Our Stars</h3>
 
  <p>Touching, gripping and genuinely well made</p>
 
</li>
 
  </ul>
 
  <div class="w3-container w3-theme w3-large" style="background: #6a8fc8;"><span class="w3-right" style="color: white">Next</span></div>
 
</div>
 
</div>
 
</div>
 
<!-- END of card section -->
 
  
 
</section>
 
</section>
 
<!--pre footre-->
 
<div class="w3-container w3-black w3-padding-16">
 
    <div class="w3-row">
 
      <div class="w3-container w3-quarter">
 
        <h3 class="w3-bottombar w3-border-blue w3-wide">Project</h3>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Research</h4>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Design</h4>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Modeling</h4>
 
      </div>
 
      <div class="w3-container w3-quarter">
 
        <h3 class="w3-bottombar w3-border-white">Human Practice</h3>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Collaboration</h4>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Enterprise...</h4>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Experts...</h4>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">More</h4>
 
      </div>
 
      <div class="w3-container w3-quarter">
 
        <h3 class="w3-bottombar w3-border-blue w3-wide">Something</h3>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Users</h4>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Active</h4>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Geo</h4>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Interests</h4>
 
      </div>
 
 
      <div class="w3-container w3-quarter">
 
        <h3 class="w3-bottombar w3-border-white w3-wide">Brainstorm</h3>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">Debate</h4>
 
        <h4 style="letter-spacing: 0.1rem; color: white;">About us</h4>
 
      </div>
 
    </div>
 
<hr>
 
  </div>
 
  <!-- pre-footre END -->
 
<!-- Footer -->
 
<footer id="footer">
 
<div class="container">
 
<ul class="icons">
 
<li><a href="https://www.facebook.com/mingdaoigem/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
 
<li><a href="#" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
 
</ul>
 
</div>
 
<div class="copyright">
 
&copy; iGEM Mingdao 2017.  Design: Kevin Li.  All rights reserved.
 
</div>
 
</footer>
 
<!-- Footer end -->
 
 
 
</div>
 
</div>
 
     <!-- BOOTSTRAP -->
 
     <!-- BOOTSTRAP -->
Line 4,867: Line 5,406:
 
</body>
 
</body>
 
</html>
 
</html>
 +
 +
{{Team:Mingdao}}

Revision as of 13:50, 29 October 2017

iGEM Human Practice

Overview

"Human Practices is the study of how your work affects the world, and how the world affects your work." — Peter Carr, Director of Judging. What’s Human practice? It is not just a work  to confirm and strengthen what we think is right. Instead, we should learn to share our knowledge with the world. We can’t just instill our personal cognition into others, nor can we blindly believe in whatever others say. All in all, human practice is all about “gain, give and mutual interaction”.

First, we build up a system constructed by the three topics below: Project, Us and the World. What we found is that our activities can actually made up a comprehensive interaction (refer to the following picture beside) For example, we “gain” professional suggestions from experts in various fields, which have made us think of repositioning our project; To conduct educating, we “give” what we know to those who are laymen in synthetic biology and sugar controlling. Other examples of give and gain also includes marketing and sponsorships. It is also necessary that we set up mutual pathways for knowledges, which are also known as meetups, collaborations and cross-domain communications. Totaling up all of them, we’ve excellently completed human practice.

To achieve our goal, we consult experts in different areas of study

Expert Consultation

Nephrologist

  • Time

    7/22

  • Location

    Bio-Lab

  • Consultant

    Dr. Wu

×

Nepthrologist

Taiwan has the reputation of “the kingdom of Hem dialysis”. Yes, this is apparently not a thing we should be proud of. A huge sum of money is spent on this problem every year. But, you probably don’t know that a huge ratio of these cases are caused by neither drug abuse nor consuming too much salty food. Instead, diabetes is what may leads to kidney diseases. So, we invited Dr. Wu from the division of nephrology to tell us about the negative effects of diabetes. 

 In the interview, he mentioned that due to hyperglycemia, HHNK and DKA, which may cause headache, nausea, or even drive people into coma, is often found in people with diabetes. Furthermore, hyperglycemia can also cause the filtration in the glomerular to accelerate, which leads to its hypertrophy. As the function of kidney is gradually damaged, it can no longer eliminate the deleterious substances from our body. With urea and creatinine surging, a person could eventually end up in renal failure. From above, we can get a conclusion that diabetes is surely a thorny chronic disease that we should be cautious of.

Taiwan has the reputation of “the kingdom of Hem dialysis”. Yes, this is apparently not a thing we should be proud of. A huge sum of money is spent on this problem every year. But, you probably don’t know that a huge ratio of these cases are caused by neither drug abuse nor consuming too much salty food. Instead, diabetes is what may leads to kidney diseases. So, we invited Dr. Wu from the division of nephrology to tell us about the negative effects of diabetes. 

 In the interview, he mentioned that due to hyperglycemia, HHNK and DKA, which may cause headache, nausea, or even drive people into coma, is often found in people with diabetes. Furthermore, hyperglycemia can also cause the filtration in the glomerular to accelerate, which leads to its hypertrophy. As the function of kidney is gradually damaged, it can no longer eliminate the deleterious substances from our body. With urea and creatinine surging, a person could eventually end up in renal failure. From above, we can get a conclusion that diabetes is surely a thorny chronic disease that we should be cautious of.

 

Fitness Coach

  • Time

    7/29

  • Location

    Smooth Fitness Studio

  • Consultant

    Coach Wei Qian-Fu

×

Coach

 

Nutritionist

  • Time

    9/11

  • Location

    McDonald's

  • Consultant

    Nutritionist Liu Guan-Ling

×

Nutritionist

Motivation : When visiting the fitness coach, he suggested that we also consult a nutritionist, assuming that the answers agreed by different professions may be somewhat different. Based on the recommendations of the fitness coach, we found a nutritionist from Cheng Ching Hospital, hoping to get the answer that is beneficial to our project.

Highlight :
  1. Processed sugar intake accounted for a person's daily calories required 10%
  2. Excessive diet can hurt the body
  3. The amount of calories required for a day minus about 400 calories is the most appropriate calorie needed for dieting
  4. Fat is also one of the main causes of obesity
  5. Note the control of blood sugar

Conclusion :
After this interview, we found that the point of discussion nutritionist and fitness coach stand are similar in many ways : for instance, going on diet should not be excessive, controlling  food and drink is important. These are complementary to what we want to do. This interview also let us adjust our project in order to support the public in pursue of a healthy and better life.

 

Outreach

Science, not only the lab, but into into the public


Banner 2

The Poll

Time:     9/16

Location:
   Taichung City

Participants:
The public

Walk into the public!

×

The Poll

 

Banner 2

S&T Month

Time:     5/22, 23, 25

Location:
   Lecture Hall & Bio-Lab

Participants:
Mingdao students

iGEM in Campus!

×

S&T month

S&T Month is a tech activity hold by Mingdao annually. In the period time of five weeks, teachers and students trained in Physics, Chemical, Earth science, Biology and iGEM lead the other students to have an inside look into the world of science. 2017 Mingdao Team arranged two days of experiment and one day of a lecture. It is because iGEM still remains unfamiliar to them that the registration is quite enthusiastic. Such an optimistic start it is our campaign on iGEM has.  


 The first experiment is plasmid DNA extraction. After explaining the concept of it, we divided them into six groups, and chose a leader from our team members for every group. Most of the students had never used pipette before, which made them tense but eager to try. After all, what we students usually use are always droppers, beakers…and so on. 

  During the experiment day, we showed them our newly-opened-up lab and had them take turn operating at the same time. They all felt it cool and funny to extract the plasmid, and showed more interest in the experiment, electrophoresis, the next day. Not only did they ask questions enthusiastically, but they were more skilled because of the practices the day before.

As for the lecture on the third day, we told them more about what exactly Molecular biology is, and we invited a senior who had engaged in iGEM last year shared his experience and what he learned in iGEM. 

This activity gives middle school students a basic idea of Molecular biology. Moreover, it helps increase iGEM’s popularity as well. It is really killing two birds with one stone. 

 

Banner 2

Elementary School

Time:     9/22

Location:
Chiao-Jen Elementary School

Participants:
Kids

Sow Seed of Science

×

Elementary School Promotion


After S&T Month, we decided to extend our educate range to elementary school students. To let more people know the spirit of iGEM, we went to an elementary school, Chiao-Jen, to teach students there some basic concept of synthetic biology and introduce iGEM to them.

   We prepared a game for them and a bag of candy as reward, making it easier to understand what we want to express. Every team had one million dollars to invest in the genetically modified product. In the meanwhile, we mixed some fundamental idea of the synthetic biology into the game. Then, we explained the relationship between DNA and gene briefly. To our surprise, there was even a little boy asking us our opinion on GMO foods! 

In this activity, we find It is the passionate interaction students react to you that what the most enjoyable moment of teaching is.  It was their passionate participation that made this activity succeed.

 

Monterosso

Drink Sampling

Time:     10/3

Location:
   Mingdao High School

Participants:
Mingdao staff and students

Just Drink It!

×

Drink Sampling

 


Food and Drug Administration

Time : 9/27

Location : TFDA Office Building

Participant : Section Manager Zhou


Food Industry Research and Development Institute

Time : 9/29

Location : FIRDI Research Building

Participant : Doctor Zhu Wen-Shen

Not limited to laboratory, we make business approach

Education

Expert Consultation

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

iGEM Human Practice

  Human Practice

Gold

Silver

Collaborate

Engagement

Achievements