Difference between revisions of "Team:NTHU Formosa/Description"

 
(143 intermediate revisions by 7 users not shown)
Line 3: Line 3:
  
 
<head>
 
<head>
   <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
 
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
+
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Lato&action=raw&ctype=text/css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
 
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css">
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css">
 +
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS2&action=raw&ctype=text/css">
 +
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css">
 +
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/wordcss0&action=raw&ctype=text/css">
 +
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/wordcss&action=raw&ctype=text/css">
 
   <style>
 
   <style>
 
     /* unvisited link */
 
     /* unvisited link */
  
     a:link {
+
     a {
       color: #00BFFF;
+
       color: #0645AD;
 
     }
 
     }
  
Line 24: Line 28:
 
     a:hover {
 
     a:hover {
 
       color: hotpink;
 
       color: hotpink;
 +
      cursor: pointer;
 
     }
 
     }
 +
 +
  
 
     /* selected link */
 
     /* selected link */
Line 35: Line 42:
  
 
<!-- Main Section -->
 
<!-- Main Section -->
<div class="w3-container w3-pale-blue w3-padding-64 w3-center">
+
<div class="w3-container w3-padding-24 w3-center">
 
   <div class="w3-content">
 
   <div class="w3-content">
     <h2 class="w3-wide">Description</h2>
+
     <br>
     <p class="w3-justify">People around the world are growing awareness to their health condition. To monitor the health condition, a wide range of biomarkers-- special substances in the bloodstream representing the physiological and pathological states-- has been used in
+
    <br>
      clinical diagnoses. Blood test is one of the most common way for detecting biomarkers but it suffers from several inevitable drawbacks such as invasiveness, time-consuming procedure, demand for medical staff service, non real-time tracking and so
+
     <br>
      on. These disadvantages may discourage people from the periodic medical checkup. Indeed, according to a survey (of 1862 samples) pulled by our team, nearly half of the participants took blood test less than once a five-year frequency (Fig. 1), which
+
    <h2 class="w3-center" style="font-size:60px; font-family:Quicksand;"><b>BioWatcher</b></h2>
      is impractical for early detection and early treatment of diseases.
+
     <p class="w3-center" style="font-size:37px; font-family:Quicksand;">
      <br>  To get rid of limits such as invasiveness and non real-time tracking, our team proposed Biowatcher, engineered reporter cells that enable detection and autonomous report of soluble biomarkers in bloodstream. The sensing parts of the reporter cells
+
      <b>Watch your health</b></p>
      are powered by nanobodies, the single-domain antibody that can be engineered to detect different biomarkers. Binding of biomarkers on nanobodies triggers our synthetic gene circuits and in turn induces autonomous bioluminescent system as a readout
+
    <br>
      for devices to detect. This kind of autonomous reporting system can have great varieties of application by installation on wearable devices, watch for example. With the required software (will be displayed at the giant jamboree?), the wearable devices
+
      could track the level of risk factors by measuring the bioluminescence intensity and record the data as numbers and graphs. It will send alert to users once the level of the risk factors is too high. Meanwhile, there will be suggestions of nearby
+
      hospitals according to the users’ location. The system will also upload and attribute the data to public health analysis under the users’ consent.</p>
+
     <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/8/82/T--NTHU_Formosa--Logo.jpg" style="width:100%;margin:20px 0">
+
  </div>
+
</div>
+
  
<!-- Trigger/Open The Modal -->
 
<button id="myBtn">Open Modal</button>
 
<a id="myLink"><u>Open Modal</u></a>
 
  
<!-- The Modal -->
 
<div id="myModal" class="modal">
 
  
  <!-- Modal content -->
 
  <div class="modal-content">
 
    <span class="close">&times;</span>
 
    <p>Desciprtion text in the box.</p>
 
  </div>
 
  
</div>
+
    <br>
 +
    <br>
 +
    <video width="800" height="500" src="https://static.igem.org/mediawiki/2018/1/12/T--NTHU_Formosa--Demo_Vedio_.mp4" controls></video>
 +
    <br>
 +
    <br>
 +
    <p class="w3-justify">
  
<script>
+
      <br>  People around the world are growing awareness of their health condition. To monitor the health condition, a wide range of <a href="https://2018.igem.org/Team:NTHU_Formosa/Biomarker"><b>biomarkers</b></a>, which are special substances in the bloodstream representing the physiological and pathological states, has been used in
  // Get the modal
+
      clinical diagnosis. Blood test is one of the most common ways of detecting biomarkers but it suffers from several inevitable drawbacks such as invasiveness, time-consuming procedure, demand for medical staff service, non-real-time tracking and so
  var modal = document.getElementById('myModal');
+
      on. These disadvantages may discourage people from the periodic medical checkup. Indeed, according to a survey (of 1862 samples) pulled by our team, nearly half of the participants took blood test less than once a five-year frequency, which is impractical
 +
      for early detection and early treatment of diseases.</p>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <h2 class="w3-justify" style="font-size:20px; padding-left: 340px"><b>Blood test frequency survey</b></h2>
  
  // Get the button that opens the modal
+
    <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/3/3c/T--NTHU_Formosa--newbar.png" style="margin-left:auto;margin-right:auto;width:65%;" ;>
  var btn = document.getElementById("myBtn");
+
  
  // Get the <span> element that closes the modal
 
  var span = document.getElementsByClassName("close")[0];
 
  
  // When the user clicks the button, open the modal
+
    <div class="w3-container w3-padding-24 w3-center">
  btn.onclick = function() {
+
      <div class="w3-content">
    modal.style.display = "block";
+
        <p class="w3-justify">
  }
+
          <br>  To get rid of limits such as invasiveness and non-real-time tracking, our team proposed <b><i>BioWatcher</i></b>, engineered reporter cells that enable detection and autonomous report of soluble <a href="https://2018.igem.org/Team:NTHU_Formosa/Biomarker"><b>biomarkers</b> </a>          in the bloodstream. The sensing parts of the reporter cells are powered by <a href="https://2018.igem.org/Team:NTHU_Formosa/Nanobody"> <b>nanobodies</b> </a>, the single-domain antibody that can be engineered to detect different biomarkers. Binding
 +
          of biomarkers on nanobodies triggers our synthetic gene circuits and, in turn, induces autonomous <a href="https://2018.igem.org/Team:NTHU_Formosa/Bioluminescence"><b>bioluminescence </b></a> system as the readout for devices to detect. This
 +
          kind of autonomous reporting system can have great varieties of applications by installation on wearable devices, watches for example. With the required software, the wearable devices could track the level of risk factors by measuring the bioluminescence
 +
          radiance and record the data as numbers and graphs. It will send an alert to users once the level of the risk factors is too high. Meanwhile, there will be suggestions for nearby hospitals according to the users’ location. The system will also
 +
          upload and attribute the data to public health analysis under the users’ consent. With BioWatcher, we hope to watch everyone's health daily and prevent death caused by late treatment. Moreover, this system will be even more useful and required
 +
          for patients with fear of cancer recurrence even though BioWatcher is not limited to detecting cancers. We believe BioWatcher has the potential to be a revolutionary diagnostic approach! </p>
 +
        <br>
 +
        <br>
  
  // When the user clicks on <span> (x), close the modal
+
        <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/thumb/9/90/T--NTHU_Formosa--project_model.png/450px-T--NTHU_Formosa--project_model.png" style="margin-left:auto;margin-right:auto;width:50%;" ;>
  span.onclick = function() {
+
    modal.style.display = "none";
+
  }
+
  
  // When the user clicks anywhere outside of the modal, close it
+
      </div>
  window.onclick = function(event) {
+
    </div>
    if (event.target == modal) {
+
 
      modal.style.display = "none";
+
    <!-- Trigger/Open The Modal -->
    }
+
    <!-- <a id="myLink"><u>Open Modal</u></a> -->
  }
+
 
</script>
+
    <!-- The Modal Box-->
 +
    <div id="myModal" class="modal">
 +
      <!-- Modal content -->
 +
      <div class="modal-content">
 +
        <span class="close">&times;</span>
 +
        <p>Description text in the box. Image can also be included</p>
 +
      </div>
 +
    </div>
 +
 
 +
    <!-- Modal script, DO NOT MODIFY!!! -->
 +
    <script>
 +
      // Get the modal
 +
      var modal = document.getElementById('myModal');
 +
      // Get the hyperlink
 +
      var link = document.getElementById("myLink");
 +
      // // When the user clicks the hyperlink, open the modal
 +
      link.onclick = function() {
 +
        modal.style.display = "block";
 +
      }
 +
      // Get the <span> element that closes the modal
 +
      var span = document.getElementsByClassName("close")[0];
 +
      // When the user clicks on <span> (x), close the modal
 +
      span.onclick = function() {
 +
        modal.style.display = "none";
 +
      }
 +
 
 +
      // When the user clicks anywhere outside of the modal, close it
 +
      window.onclick = function(event) {
 +
        if (event.target == modal) {
 +
          modal.style.display = "none";
 +
        }
 +
      }
 +
    </script>
  
 
</html>
 
</html>

Latest revision as of 19:47, 17 October 2018




BioWatcher

Watch your health







 People around the world are growing awareness of their health condition. To monitor the health condition, a wide range of biomarkers, which are special substances in the bloodstream representing the physiological and pathological states, has been used in clinical diagnosis. Blood test is one of the most common ways of detecting biomarkers but it suffers from several inevitable drawbacks such as invasiveness, time-consuming procedure, demand for medical staff service, non-real-time tracking and so on. These disadvantages may discourage people from the periodic medical checkup. Indeed, according to a survey (of 1862 samples) pulled by our team, nearly half of the participants took blood test less than once a five-year frequency, which is impractical for early detection and early treatment of diseases.





Blood test frequency survey


 To get rid of limits such as invasiveness and non-real-time tracking, our team proposed BioWatcher, engineered reporter cells that enable detection and autonomous report of soluble biomarkers in the bloodstream. The sensing parts of the reporter cells are powered by nanobodies , the single-domain antibody that can be engineered to detect different biomarkers. Binding of biomarkers on nanobodies triggers our synthetic gene circuits and, in turn, induces autonomous bioluminescence system as the readout for devices to detect. This kind of autonomous reporting system can have great varieties of applications by installation on wearable devices, watches for example. With the required software, the wearable devices could track the level of risk factors by measuring the bioluminescence radiance and record the data as numbers and graphs. It will send an alert to users once the level of the risk factors is too high. Meanwhile, there will be suggestions for nearby hospitals according to the users’ location. The system will also upload and attribute the data to public health analysis under the users’ consent. With BioWatcher, we hope to watch everyone's health daily and prevent death caused by late treatment. Moreover, this system will be even more useful and required for patients with fear of cancer recurrence even though BioWatcher is not limited to detecting cancers. We believe BioWatcher has the potential to be a revolutionary diagnostic approach!