Difference between revisions of "Team:UCopenhagen"

Line 2: Line 2:
 
{{UCopenhagen}}
 
{{UCopenhagen}}
 
{{Template:UCopenhagen/Header3}}
 
{{Template:UCopenhagen/Header3}}
 +
 +
 +
 +
 
<html>
 
<html>
 
   <head>
 
   <head>
Line 8: Line 12:
 
         position: relative;
 
         position: relative;
 
         width: 100%;
 
         width: 100%;
        margin-top: -2%;
 
 
         overflow: hidden;
 
         overflow: hidden;
 +
        -o-object-fit: cover;
 +
        object-fit: cover;
 +
        margin-top: -5em;
 
       }
 
       }
  
Line 87: Line 93:
  
 
       .everything {
 
       .everything {
         background-color: #fcecdf;
+
         margin: 0 15% 0 15%;
        width: 100%;
+
        height: 1000px;
+
        top: -1%;
+
        bottom: -1%;
+
 
       }
 
       }
  
 
       .first {
 
       .first {
 
         position: absolute;
 
         position: absolute;
         top: 27.5%;
+
         top: 15%;
         max-width: 30%;
+
         max-width: 40%;
 
         margin-bottom: 10%;
 
         margin-bottom: 10%;
 
         z-index: 1;
 
         z-index: 1;
Line 103: Line 105:
 
         background-position: top;
 
         background-position: top;
 
         background-repeat: no-repeat;
 
         background-repeat: no-repeat;
         background-size: contain;
+
         background-size: 100% 100%;
 
         padding: 10%;
 
         padding: 10%;
 
       }
 
       }
  
       .second {
+
       .everything h2 {
         position: absolute;
+
         margin-top: 5%;
         top: 30%;
+
         margin-bottom: 3.5%;
         left: 60%;
+
         font-family: Bavro;
         max-width: 30%;
+
         color: #f1002d;
         margin-top: 10%;
+
         font-size: 2.5em;
 
       }
 
       }
  
       .third {
+
       .bg-color {
         position: absolute;
+
         background-color: #fcecdf;
         max-width: 30%;
+
         margin-top: -10%;
         margin-top: 15%;
+
         margin-bottom: -55%;
         margin-left: 10%;
+
         padding-top: 10%;
 +
        padding-bottom: 55%;
 +
        overflow: hidden;
 +
        position: relative;
 
       }
 
       }
  
       h3 {
+
       .bg-image {
         font-family: Montserrat;
+
         position: relative;
         font-size: 2.3em;
+
         background-image: url("https://static.igem.org/mediawiki/2020/a/a3/T--UCopenhagen--watercolor_bg_smaller.png");
         line-height: 1em;
+
         background-repeat: repeat-y;
 +
        background-size: 100%;
 
       }
 
       }
 +
 +
      .todelt {
 +
        display: flex;
 +
        flex-direction: row;
 +
        justify-content: space-between;
 +
        margin: 2% 0 2% 0;
 +
      }
 +
 +
      .todelt .txt {
 +
        display: flex;
 +
        width: 50%;
 +
        padding: 0 2% 0 2%;
 +
      }
 +
 +
      .norm h1 {
 +
        text-align: center;
 +
        font-family: Bavro;
 +
        font-size: 2.5em;
 +
        color: #f1002d;
 +
      }
 +
 +
      .norm {
 +
        display: flex;
 +
        flex-direction: column;
 +
        object-fit: contain;
 +
        margin: 0 auto;
 +
        padding-top: 2%;
 +
        padding: bottom: 2%;
 +
      }
 +
 +
      .txt h1 {
 +
        font-family: Bavro;
 +
        font-size: 2.5em;
 +
        color: #f1002d;
 +
      }
 +
 +
      .image {
 +
        object-fit: contain;
 +
        width: 50%;
 +
      }
 +
 +
      .image img {
 +
        object-fit: contain;
 +
        width: 100%;
 +
        height: 100%;
 +
        margin-top: 2%;
 +
        margin-bottom: 2%;
 +
      }
 +
 +
      .txt {
 +
        display: flex;
 +
        flex-direction: column;
 +
        justify-content: center;
 +
        font-family: Avenir;
 +
        font-size: 1.3em;
 +
      }
 +
 +
      .txt img {
 +
        object-fit: contain;
 +
        width: 85%;
 +
        height: 100%;
 +
        padding-bottom: 3.5%;
 +
        padding-top: 3.5%;
 +
        margin: 0 auto;
 +
      }
 +
  
 
     </style>
 
     </style>
Line 142: Line 214:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
     <div class="first">
+
     <div class="first txt">
       <h3 style="text-align: center;">Chronic Inflammatory Diseases</h3>
+
       <h1 style="text-align: center;">Chronic Inflammatory Diseases</h1>
       <p>Chronic Inflammatory Diseases (CIDs) are a source of great mental and physical distress to whoever suffers from them, and continue to be of great cost to society. Living with a CID, your well-being is at the mercy of your flare-ups and remissions – inconsistent and unpredictable good days followed by bad days. Sufferers are left needing frequent hospital check-ups, and are thus always reminded of their condition despite not looking sick to others. This dichotomy is another source of distress for sufferers of CIDs, as the gap between being sick and looking healthy is one they’ll most often have to deal with for their entire lives.</p>
+
       Chronic Inflammatory Diseases (CIDs) are debilitating diseases, leaving your well-being
 +
      at the mercy of your flare-ups and remissions. Due to the complexity of these diseases,
 +
      no two patients' experiences are the same. Likewise, the right treatment for two people,
 +
      even if they have the same disease, can be different, and to treat these diseases
 +
      properly, patients therefore need to monitor the progression of their disease closely
 +
      to gather as much information about it as possible.
 
     </div>
 
     </div>
     <div class="everything">
+
     <div class="bg-color">
       <div class="second">
+
       <div class="bg-image">
         <h3 style="text-align: center;">Our Patch</h3>
+
         <div class="everything">
        <p>To combat this problem, we have designed a sweat collecting plaster
+
          <div class="second">
          that patients with CIDs can use to monitor their inflammation status.
+
            <div class="todelt">
          This plaster will sit on the skin and change color depending on the
+
              <div class="image">
          patient's level of inflammation, granting them an easy-to-use, non-invasive
+
                <img src="https://static.igem.org/mediawiki/2020/f/f9/T--UCopenhagen--Temporary_Group_Photo_PlaceHolder.jpg">
          device that'll give them insight into the progression of their disease.</p>
+
              </div>
      </div>
+
              <div class="txt">
      <div class="third">
+
                <h1>Our Solution</h1>
        <h3 style="text-align: center;">The Science</h3>
+
                To supplement current testing methods, we have designed a sweat collecting patch
        <p>Our plaster will contain genetically modified yeast expressing interleukin
+
                that patients with CIDs can use to monitor their inflammation status on the go.
          receptors that can bind to the inflammatory biomarkers (interleukins)
+
                The plaster will sit on the patient's skin and change color depending on the
          found in sweat, thus allowing for precise detection of the biomarkers.
+
                patient's level of inflammation, as it reflects itself in the patient's sweat.
          When our receptor module detects an interleukin, a signal will be sent
+
                This'll grant them an easy-to-use, non-invasive device that'll give them
          through the yeast via the endogenous pheromone pathway, finally resulting
+
                insight into the progression of their disease, and provide them and their
          in the production of a pigment.
+
                healthcare professionals with valuable information about their illness, without
          <br>
+
                the uncomfort surrounding current, more invasive testing methods.
          For more information, check out our project design page!
+
              </div>
         </p>
+
            </div>
 +
          </div>
 +
          <div class="third norm txt">
 +
            <h1>What does this mean for the patients?</h1>
 +
            Our tool stands for patient empowerment. Our self-monitoring device is
 +
            suitable for home use, and does not have to interfere with patients' daily
 +
            lives or act as a reminder of their illness. Instead, patients can go about their
 +
            day, knowing that they're collecting data on their disease while performing
 +
            other tasks. <br>
 +
            It allows for transparency for the patient regarding the progression of their CID,
 +
            can aid them in discovering the best self-management strategies that work for them,
 +
            and most of all, the collected data can help better guide healthcare professionals
 +
            in evaluating the efficacy of current or new treatment plans, allowing for faster
 +
            treatment adjustment.
 +
            <br>
 +
            CIDosis brings you the data needed to get a clearer picture of your disease.
 +
            <img src="https://static.igem.org/mediawiki/2020/b/b8/T--UCopenhagen--clearer_image.png">
 +
          </div>
 +
          <div class="fourth">
 +
            <div class="todelt">
 +
              <div class="txt">
 +
                <h1>The Science</h1>
 +
                Our patch will contain genetically modified yeast expressing engineered interleukin
 +
                receptors. These interleukin receptors will bind and react to the inflammatory biomarkers (interleukins)
 +
                found in sweat, whereby a fused intracellular split protein will be recomplemented.
 +
                The recomplementation of the split protein then triggers a signaling pathway,
 +
                in which our signal is amplified, eventually resulting in the production of a pigment,
 +
                which will act as our reporter.
 +
                <br>
 +
                For more information on our engineered interleukin receptors and biosensor components,
 +
                check out our project design page!
 +
              </div>
 +
              <div class="image">
 +
                <img src="https://static.igem.org/mediawiki/2020/f/f9/T--UCopenhagen--Temporary_Group_Photo_PlaceHolder.jpg">
 +
              </div>
 +
            </div>
 +
          </div>
 +
          <div class="fifth norm txt">
 +
            <h1>Three Tiers of Biosensor Design</h1>
 +
            Our scientific design has gone through many iterations, guided especially
 +
            by our human practices and dry lab findings. Through our engineering work,
 +
            we've come up with three different designs, in which we have three different
 +
            tiers of signal amplification, and three different intracellular modifications
 +
            to our interleukin receptors.
 +
            <img src="https://static.igem.org/mediawiki/2020/f/f9/T--UCopenhagen--Temporary_Group_Photo_PlaceHolder.jpg">
 +
            For our design and engineering processes, check out our design page, modeling page, human practices page, and engineering success page!
 +
          </div>
 +
          <div class="fun_fact"></div> <!-- do or not do? -->
 +
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </body>
 
   </body>
 
</html>
 
</html>
 +
 +
 +
  
 
{{Template:UCopenhagen/Footer_Bubbly}}
 
{{Template:UCopenhagen/Footer_Bubbly}}

Revision as of 01:02, 17 October 2020



Rubor. Calor. Tumor. Dolor

. Sensor.

Chronic Inflammatory Diseases

Chronic Inflammatory Diseases (CIDs) are debilitating diseases, leaving your well-being at the mercy of your flare-ups and remissions. Due to the complexity of these diseases, no two patients' experiences are the same. Likewise, the right treatment for two people, even if they have the same disease, can be different, and to treat these diseases properly, patients therefore need to monitor the progression of their disease closely to gather as much information about it as possible.

Our Solution

To supplement current testing methods, we have designed a sweat collecting patch that patients with CIDs can use to monitor their inflammation status on the go. The plaster will sit on the patient's skin and change color depending on the patient's level of inflammation, as it reflects itself in the patient's sweat. This'll grant them an easy-to-use, non-invasive device that'll give them insight into the progression of their disease, and provide them and their healthcare professionals with valuable information about their illness, without the uncomfort surrounding current, more invasive testing methods.

What does this mean for the patients?

Our tool stands for patient empowerment. Our self-monitoring device is suitable for home use, and does not have to interfere with patients' daily lives or act as a reminder of their illness. Instead, patients can go about their day, knowing that they're collecting data on their disease while performing other tasks.
It allows for transparency for the patient regarding the progression of their CID, can aid them in discovering the best self-management strategies that work for them, and most of all, the collected data can help better guide healthcare professionals in evaluating the efficacy of current or new treatment plans, allowing for faster treatment adjustment.
CIDosis brings you the data needed to get a clearer picture of your disease.

The Science

Our patch will contain genetically modified yeast expressing engineered interleukin receptors. These interleukin receptors will bind and react to the inflammatory biomarkers (interleukins) found in sweat, whereby a fused intracellular split protein will be recomplemented. The recomplementation of the split protein then triggers a signaling pathway, in which our signal is amplified, eventually resulting in the production of a pigment, which will act as our reporter.
For more information on our engineered interleukin receptors and biosensor components, check out our project design page!

Three Tiers of Biosensor Design

Our scientific design has gone through many iterations, guided especially by our human practices and dry lab findings. Through our engineering work, we've come up with three different designs, in which we have three different tiers of signal amplification, and three different intracellular modifications to our interleukin receptors. For our design and engineering processes, check out our design page, modeling page, human practices page, and engineering success page!



Icons made by Freepik from www.flaticon.com