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

 
(158 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/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>
 +
    /* unvisited link */
 +
 
 +
    a {
 +
      color: #0645AD;
 +
    }
 +
 
 +
    /* visited link */
 +
 
 +
    a:visited {
 +
      color: green;
 +
    }
 +
 
 +
    /* mouse over link */
 +
 
 +
    a:hover {
 +
      color: hotpink;
 +
      cursor: pointer;
 +
    }
 +
 
 +
 
 +
 
 +
    /* selected link */
 +
 
 +
    a:active {
 +
      color: blue;
 +
    }
 +
  </style>
 
</head>
 
</head>
  
 
<!-- Main Section -->
 
<!-- Main Section -->
−
<div class="w3-container w3-padding-64 w3-pale-red w3-grayscale-min w3-center" id="wedding">
+
<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">We have created a fictional band website. 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
+
    <br>
−
       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 consectetur
+
    <br>
−
       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.</p>
+
     <h2 class="w3-center" style="font-size:60px; font-family:Quicksand;"><b>BioWatcher</b></h2>
−
     <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">
+
    <p class="w3-center" style="font-size:37px; font-family:Quicksand;">
−
     <!-- <div class="w3-row">
+
      <b>Watch your health</b></p>
−
       <div class="w3-half">
+
    <br>
−
         <h2>When</h2>
+
 
−
        <p>Wedding Ceremony - 2:00pm</p>
+
 
−
         <p>Reception & Dinner - 5:00pm</p>
+
 
 +
 
 +
    <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">
 +
 
 +
      <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
 +
      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.</p>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <h2 class="w3-justify" style="font-size:20px;  padding-left: 340px"><b>Blood test frequency survey</b></h2>
 +
 
 +
     <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%;" ;>
 +
 
 +
 
 +
     <div class="w3-container w3-padding-24 w3-center">
 +
       <div class="w3-content">
 +
         <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>
 +
 
 +
        <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%;" ;>
 +
 
 
       </div>
 
       </div>
−
      <div class="w3-half">
+
    </div>
−
        <h2>Where</h2>
+
 
−
         <p>Some place, an address</p>
+
    <!-- Trigger/Open The Modal -->
−
         <p>Some where, some address</p>
+
    <!-- <a id="myLink"><u>Open Modal</u></a> -->
 +
 
 +
    <!-- 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>
−
     </div> -->
+
     </div>
−
  </div>
+
−
</div>
+
  
−
<div class="column full_size">
+
    <!-- Modal script, DO NOT MODIFY!!! -->
−
  <h1>Description</h1>
+
    <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";
 +
      }
  
−
  <p>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 clinical
+
      // When the user clicks anywhere outside of the modal, close it
−
    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 on. These
+
      window.onclick = function(event) {
−
    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 is impractical
+
        if (event.target == modal) {
−
    for early detection and early treatment of diseases.
+
          modal.style.display = "none";
−
    <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
+
        }
−
    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
+
      }
−
    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
+
     </script>
−
     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.
+
−
    <br>
+
−
</div>
+
  
 
</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!