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

Line 6: Line 6:
 
   <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://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
 +
  <style>
 +
    /* The Modal (background) */
 +
 +
    .modal {
 +
      display: none;
 +
      /* Hidden by default */
 +
      position: fixed;
 +
      /* Stay in place */
 +
      z-index: 1;
 +
      /* Sit on top */
 +
      padding-top: 100px;
 +
      /* Location of the box */
 +
      left: 0;
 +
      top: 0;
 +
      width: 100%;
 +
      /* Full width */
 +
      height: 100%;
 +
      /* Full height */
 +
      overflow: auto;
 +
      /* Enable scroll if needed */
 +
      background-color: rgb(0, 0, 0);
 +
      /* Fallback color */
 +
      background-color: rgba(0, 0, 0, 0.4);
 +
      /* Black w/ opacity */
 +
    }
 +
 +
    /* Modal Content */
 +
 +
    .modal-content {
 +
      background-color: #fefefe;
 +
      margin: auto;
 +
      padding: 20px;
 +
      border: 1px solid #888;
 +
      width: 80%;
 +
    }
 +
 +
    /* The Close Button */
 +
 +
    .close {
 +
      color: #aaaaaa;
 +
      float: right;
 +
      font-size: 28px;
 +
      font-weight: bold;
 +
    }
 +
 +
    .close:hover,
 +
    .close:focus {
 +
      color: #000;
 +
      text-decoration: none;
 +
      cursor: pointer;
 +
    }
 +
 +
 +
    ul {
 +
      /* 取消ul預設的內縮及樣式 */
 +
      margin: 0;
 +
      padding: 0;
 +
      list-style: none;
 +
    }
 +
 +
    ul.drop-down-menu {
 +
      border: #ccc 1px solid;
 +
      display: inline-block;
 +
      font-family: 'Open Sans', Arial, sans-serif;
 +
      font-size: 13px;
 +
    }
 +
 +
    ul.drop-down-menu li {
 +
      position: relative;
 +
      white-space: nowrap;
 +
      border-right: #ccc 1px solid;
 +
    }
 +
 +
    ul.drop-down-menu>li:last-child {
 +
      border-right: none;
 +
    }
 +
 +
    ul.drop-down-menu>li {
 +
      float: left;
 +
      /* 只有第一層是靠左對齊*/
 +
    }
 +
 +
    ul.drop-down-menu a {
 +
      background-color: #fff;
 +
      color: #333;
 +
      display: block;
 +
      padding: 0 30px;
 +
      text-decoration: none;
 +
      line-height: 40px;
 +
 +
    }
 +
 +
    ul.drop-down-menu a:hover {
 +
      /* 滑鼠滑入按鈕變色*/
 +
      background-color: #ef5c28;
 +
      color: #fff;
 +
    }
 +
 +
    ul.drop-down-menu li:hover>a {
 +
      /* 滑鼠移入次選單上層按鈕保持變色*/
 +
      background-color: #ef5c28;
 +
      color: #fff;
 +
    }
 +
 +
 +
 +
 +
    ul.drop-down-menu ul {
 +
      border: #ccc 1px solid;
 +
      position: absolute;
 +
      z-index: 99;
 +
      left: -1px;
 +
      top: 100%;
 +
      min-width: 180px;
 +
    }
 +
 +
    ul.drop-down-menu ul li {
 +
      border-bottom: #ccc 1px solid;
 +
    }
 +
 +
    ul.drop-down-menu ul li:last-child {
 +
      border-bottom: none;
 +
    }
 +
 +
    ul.drop-down-menu ul ul {
 +
      /*第三層以後的選單出現位置與第二層不同*/
 +
      z-index: 999;
 +
      top: 10px;
 +
      left: 90%;
 +
    }
 +
 +
    ul.drop-down-menu ul {
 +
      /*隱藏次選單*/
 +
      display: none;
 +
    }
 +
 +
    ul.drop-down-menu li:hover>ul {
 +
      /* 滑鼠滑入展開次選單*/
 +
      display: block;
 +
    }
 +
  </style>
 
</head>
 
</head>
  

Revision as of 12:42, 18 September 2018

Description

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 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 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 for early detection and early treatment of diseases.
　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 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.