Difference between revisions of "Team:NCTU Formosa"

 
(50 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
{{NCTU_Formosa/header}}
 
{{NCTU_Formosa/header}}
 
<html>
 
<html>
 +
 
<body>
 
<body>
 
     <header id="headerbackground">
 
     <header id="headerbackground">
Line 14: Line 15:
 
             </h2>
 
             </h2>
 
             <section>
 
             <section>
−
                 After the Industrial Revolution, the widespread availability of sucrose and highly processed
+
                 After the Industrial Revolution, the widespread availability of sucrose and highly processed foods led to the caries rate skyrocketing.
−
                foods.<br>Led to the caries rate skyrocketed.
+
 
             </section>
 
             </section>
 
             <img src="https://static.igem.org/mediawiki/2021/1/1c/T--NCTU_Formosa--factory.svg" class="images-b" id="food1"
 
             <img src="https://static.igem.org/mediawiki/2021/1/1c/T--NCTU_Formosa--factory.svg" class="images-b" id="food1"
Line 25: Line 25:
 
             </section>
 
             </section>
 
             <section>
 
             <section>
−
                 Processed foods are also softer and cleaner, setting up a perfect storm for caries: less chewing to
+
                 Processed foods become softer and cleaner, setting up a perfect storm for caries: less chewing to
 
                 cut the organic film and fewer dietary abrasives to wear away the nooks and crannies in teeth where
 
                 cut the organic film and fewer dietary abrasives to wear away the nooks and crannies in teeth where
−
                 plaque bacteria take refuge.
+
                 Plague bacteria take refuge.
  
 
             </section>
 
             </section>
Line 44: Line 44:
  
 
             </section>
 
             </section>
−
             <img src="https://static.igem.org/mediawiki/2021/3/3e/T--NCTU_Formosa--time.svg" class="images" id="time"
+
             <img src="https://static.igem.org/mediawiki/2021/archive/3/3e/20210907103033%21T--NCTU_Formosa--time.svg"
−
                alt="time" />
+
                class="images" id="time" alt="time" />
 
             <section>
 
             <section>
 
                 According to the World Health Organization estimate, oral diseases affect up to 3.5 billion people
 
                 According to the World Health Organization estimate, oral diseases affect up to 3.5 billion people
Line 56: Line 56:
 
             <div class="numberList">
 
             <div class="numberList">
 
                 <div class="numberList-left">
 
                 <div class="numberList-left">
−
                     <h class="number">+<span class="animateNum" data-animatetarget="320">0</span> million</h>
+
                     <h class="number">+<span class="animateNum" data-animatetarget="3500">0</span> million</h>
−
                     <p class="oral number">Up to 320 million people
+
                     <p class="oral number">Up to 3500 million people
 
                         have oral problem</p>
 
                         have oral problem</p>
 
                 </div>
 
                 </div>
Line 67: Line 67:
 
             </div>
 
             </div>
 
         </article>
 
         </article>
−
         <article>
+
         <article id="secondpart">
 
             <h2 class="topic">Moreover, the most serious condition…</h2>
 
             <h2 class="topic">Moreover, the most serious condition…</h2>
 
             <section>
 
             <section>
Line 75: Line 75:
 
                 alt="process" />
 
                 alt="process" />
 
             <section>
 
             <section>
−
                 When there's a lack of proper cleanliness, food pieces, and other fragments will quickly precipitate, forming a biofilm. Dental plaque is biofilm. The bacteria in the biofilm will trigger
+
                 When there's a lack of proper cleanliness, food pieces, and other fragments will quickly precipitate,
−
                the deterioration of the periodontal condition.
+
                forming a biofilm. Dental plaque is biofilm. The bacteria in the biofilm will trigger the deterioration of the periodontal condition.
  
 
             </section>
 
             </section>
−
             <img src="https://static.igem.org/mediawiki/2021/1/1d/T--NCTU_Formosa--dental-plague-result.svg" class="images"
+
             <img src="https://static.igem.org/mediawiki/2021/3/3a/T--NCTU_Formosa--dental_plaque_explain.svg" class="images"
 
                 id="biofilm" alt="biofilm" />
 
                 id="biofilm" alt="biofilm" />
 
             <section>
 
             <section>
Line 86: Line 86:
  
 
             </section>
 
             </section>
−
             <img src="https://static.igem.org/mediawiki/2021/5/56/T--NCTU_Formosa--bacterial_wound_infection.svg"
+
             <img src="https://static.igem.org/mediawiki/2021/6/66/T--NCTU_Formosa--periodintal_disease_explain.svg"
 
                 class="images" id="infection" alt="infection" />
 
                 class="images" id="infection" alt="infection" />
 
             <section>
 
             <section>
Line 93: Line 93:
 
             </section>
 
             </section>
  
−
             <img src="https://static.igem.org/mediawiki/2021/a/a5/T--NCTU_Formosa--consequence.svg" class="images"
+
             <img src="https://static.igem.org/mediawiki/2021/9/98/T--NCTU_Formosa--consequence2.svg" class="images"
 
                 id="consequence" alt="consequence" />
 
                 id="consequence" alt="consequence" />
  
Line 103: Line 103:
  
 
         </article>
 
         </article>
−
         <article>
+
         <article id="thirdpart">
 
             <h2 class="topic">Not only humans,</h2>
 
             <h2 class="topic">Not only humans,</h2>
 
             <section>
 
             <section>
Line 109: Line 109:
 
                 in diet.
 
                 in diet.
 
             </section>
 
             </section>
−
             <section>Therefore, we decided to first focus on the oral health of our furry friend,
+
             <section>Therefore, we decided to first focus on the oral health of our furry friends,
 
                 dogs before we apply our solution to human beings!
 
                 dogs before we apply our solution to human beings!
 
             </section>
 
             </section>
 
         </article>
 
         </article>
−
         <article>
+
         <article id="fourthpart">
 
             <h2 class="topic">Dogs' oral problem</h2>
 
             <h2 class="topic">Dogs' oral problem</h2>
 
             <section>
 
             <section>
−
                 Based on the research, by just three years of age, eighty percent of dogs have some form of
+
                 Based on the research, by just three years of age, eighty percent of dogs have some form of periodontal disease. However, the consequences of periodontal disease are not limited to the oral cavity.
−
                periodontal disease. However, the consequences of periodontal disease are not limited to the oral cavity.
+
  
 
             </section>
 
             </section>
Line 131: Line 130:
 
             </div>
 
             </div>
 
         </article>
 
         </article>
−
         <article>
+
         <article id="fourthpart">
 
             <h2 class="topic">Dogs' organ infections</h2>
 
             <h2 class="topic">Dogs' organ infections</h2>
  
Line 137: Line 136:
 
                 Up to half of the dog patients that have periodontal disease have multiple organ infections.
 
                 Up to half of the dog patients that have periodontal disease have multiple organ infections.
 
             </section>
 
             </section>
−
             <img src="https://static.igem.org/mediawiki/2021/c/c0/T--NCTU_Formosa--dogorgan.png" class="images-b" id="DogOrgan" alt="DogOrgan" />
+
             <img src="https://static.igem.org/mediawiki/2021/6/6f/T--NCTU_Formosa--dogorgan.svg" class="images" id="DogOrgan"
 +
                alt="DogOrgan" />
 
             <section>
 
             <section>
−
                 The bacteria that are found within the mouth of dogs with dental disease are the same as the bacteria that result in heart disease. Additionally, the presence of the periodontal disease has been
+
                 The bacteria that are found within the mouth of dogs with dental disease are the same as the bacteria that result in heart disease. Additionally, the presence of the periodontal disease has been linked to the risk of heart disease in dogs.
−
                linked to the risk of heart disease in dogs.
+
  
 
             </section>
 
             </section>
Line 166: Line 165:
 
             <h2 class="topic">What is current solution?</h2>
 
             <h2 class="topic">What is current solution?</h2>
 
             <section>
 
             <section>
−
                 <p class="p4sec19">Here is the comparison of teeth brushing, teeth cleaning and dental bone. First,
+
                 Here is the comparison of teeth brushing, teeth cleaning, and dental bone. First,
−
                    brushing teeth is cheap but plaque and tartar are still ineradicable. And it is also difficult
+
                brushing teeth is cheap but plaque and tartar are still ineradicable. And it is also difficult for owners to brush their dogs’ teeth every day.
−
                    for owners to brush their dogs’ teeth every day.
+
−
                </p>
+
−
                <p class="p4sec19">What about teeth cleaning?Although this is the most effective method, it costs
+
−
                    nearly 400 US dollars, which is the most expensive method. And it needs general anesthesia to
+
−
                    conduct. The prices and risks make some owners refuse to let their dog use it.
+
−
                </p>
+
−
                <img src="https://static.igem.org/mediawiki/2021/b/b8/T--NCTU_Formosa--dollar.svg" class="images-b"
+
−
                    id="dollars" alt="dollars" />
+
−
                <p class="p4sec19">For the dental bone,while it is inexpensive, convenient, and less harmful to
+
−
                    dogs, it is less effective and efficient than the other methods above, due to the fact that most
+
−
                    current dental bones are based on physical cleaning.</p>
+
  
 +
                What about teeth cleaning? Although this is the most effective method, it costs
 +
                nearly 400 US dollars, which is the most expensive method. And it needs general anesthesia to
 +
                conduct. The prices and risks make some owners refuse to let their dogs use it.
 
             </section>
 
             </section>
−
             <img src="https://static.igem.org/mediawiki/2021/3/33/T--NCTU_Formosa--treatments_comparison.svg" class="images"
+
            <img src="https://static.igem.org/mediawiki/2021/b/b9/T--NCTU_Formosa--expensive.svg" class="images" id="dollars"
 +
                alt="dollars" />
 +
            <section>
 +
                For the dental bone, while it is inexpensive, convenient, and less harmful to
 +
                dogs, it is less effective and efficient than the other methods above, due to the fact that most of
 +
                the
 +
                current dental bones are based on physical friction. This method can only remove the bacteria and
 +
                food residue from the surface of tooth without adding any antibacterial ingredient.</p>
 +
            </section>
 +
             <img src="https://static.igem.org/mediawiki/2021/3/31/T--NCTU_Formosa--solutions_compare.svg" class="images"
 
                 id="list" alt="list" />
 
                 id="list" alt="list" />
−
 
+
        </article>
 +
        <article style="background-color: RGB(238,247,255);">
 
             <h2 class="slogan">Because of above methods all have their major shortcomings, the owners' motivation to
 
             <h2 class="slogan">Because of above methods all have their major shortcomings, the owners' motivation to
 
                 solve pet's oral problems will decreased.
 
                 solve pet's oral problems will decreased.
Line 189: Line 190:
 
             <h2 class="slogan">Let our lovely friend live long in panic!</h2>
 
             <h2 class="slogan">Let our lovely friend live long in panic!</h2>
 
             <img src="https://static.igem.org/mediawiki/2021/5/51/T--NCTU_Formosa--dogcry.svg" class="images-b" id="dog"
 
             <img src="https://static.igem.org/mediawiki/2021/5/51/T--NCTU_Formosa--dogcry.svg" class="images-b" id="dog"
−
                 alt="dog" />
+
                 alt="dog" style="padding-bottom: 5%;" />
 
         </article>
 
         </article>
−
         <article>
+
         <article id="fifthpart">
 
             <h2 class="topic">What is our solution to this problem?</h2>
 
             <h2 class="topic">What is our solution to this problem?</h2>
 
             <section>We ameliorate and create a new type of dental bone, DenTeeth.
 
             <section>We ameliorate and create a new type of dental bone, DenTeeth.
 
             </section>
 
             </section>
−
             <img src="https://static.igem.org/mediawiki/2021/f/f0/T--NCTU_Formosa--product.svg" class="images"
+
             <img src="https://static.igem.org/mediawiki/2021/0/0b/T--NCTU_Formosa--product1.svg" class="images"
 
                 id="DenteethProduct" alt="DenteethProduct" />
 
                 id="DenteethProduct" alt="DenteethProduct" />
 
             <section>By using synthesis biology, the brand new method was born.
 
             <section>By using synthesis biology, the brand new method was born.
 
             </section>
 
             </section>
−
 
+
             <img src="https://static.igem.org/mediawiki/2021/4/45/T--NCTU_Formosa--advantages_of_denteeth.svg"
−
             <table style="width:50%">
+
                 class="images" />
−
                <caption>Advantages of DenTeeth</caption>
+
−
                <tr>
+
−
                    <th>inexpensive</th>
+
−
                    <th>convenient</th>
+
−
                </tr>
+
−
                <tr>
+
−
                    <th>less harmful </th>
+
−
                    <th>effective</th>
+
−
                 </tr>
+
−
            </table>
+
  
 
         </article>
 
         </article>
Line 216: Line 207:
 
         <article class="ProjectIntro">
 
         <article class="ProjectIntro">
 
             <h2>Detection</h2>
 
             <h2>Detection</h2>
−
             <p class="ProjIntro-content">One of our main goals is the development of a detection that is based on
+
             <p class="ProjIntro-content">One of our main goals is the development of detection that is based on
−
                 machine learning.Customize the period of time feeding DenTeeth and improve the effect of DenTeeth by
+
                 machine learning. Customize the period of time feeding DenTeeth and improve the effect of DenTeeth by
−
                 detecting the amount of bacteria in a single dog's mouth.
+
                 detecting the number of bacteria in a single dog's mouth.
 
             </p>
 
             </p>
−
             <h2>Sterilization</h2>
+
             <h2>Inhibition</h2>
−
             <p class="ProjIntro-content">In DenTeeth, antimicrobial peptides are used to sterilize.We use antimicrobial
+
             <p class="ProjIntro-content">In DenTeeth, antimicrobial peptides are used to inhibit the growth of bacteria. We use antimicrobial peptide LL-37, which activates autophagy and leads to cell death.
−
                peptide LL-37, which activates autophagy and leads to cell death.
+
 
             </p>
 
             </p>
 
             <h2>Reduction of biofilm and odors</h2>
 
             <h2>Reduction of biofilm and odors</h2>
Line 229: Line 219:
 
                 project, which is able to reduce the formation of biofilms and reduce the odors as well.
 
                 project, which is able to reduce the formation of biofilms and reduce the odors as well.
 
             </p>
 
             </p>
−
             <h2>Repair</h2>
+
             <h2>Restoration</h2>
−
             <p class="ProjIntro-content">Beside eliminating the main factor forming oral problems, repair of teeth and
+
             <p class="ProjIntro-content">In addition to eliminating the main factor forming oral problems, restoration of teeth and
−
                 periodontal are also important.
+
                 periodontal are also necessary.
 
             </p>
 
             </p>
−
             <p class="ProjIntro-content">After the amount of bacteria is below a certain value,the mechanism of repair
+
             <p class="ProjIntro-content">After the number of bacteria is below a certain value, the mechanism of restoration
 
                 will open, several proteins which can repair damaged gingiva or tooth tissue would be expressed.
 
                 will open, several proteins which can repair damaged gingiva or tooth tissue would be expressed.
 
             </p>
 
             </p>
Line 249: Line 239:
  
 
             <div class="dog-button">
 
             <div class="dog-button">
−
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Result" class="dog-img" >
+
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Result" class="dog-img">
 
                     <div class="dog-txt">Result</div>
 
                     <div class="dog-txt">Result</div>
 
                     <img src="https://static.igem.org/mediawiki/2021/0/0b/T--NCTU_Formosa--result.svg" alt="Result">
 
                     <img src="https://static.igem.org/mediawiki/2021/0/0b/T--NCTU_Formosa--result.svg" alt="Result">
 
                 </a>
 
                 </a>
−
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Design" class="dog-img" >
+
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Design" class="dog-img">
 
                     <div class="dog-txt txt-c">Design</div>
 
                     <div class="dog-txt txt-c">Design</div>
 
                     <img src="https://static.igem.org/mediawiki/2021/d/d3/T--NCTU_Formosa--design.svg" alt="Design">
 
                     <img src="https://static.igem.org/mediawiki/2021/d/d3/T--NCTU_Formosa--design.svg" alt="Design">
 
                 </a>
 
                 </a>
−
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Model" class="dog-img" >
+
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Model" class="dog-img">
 
                     <div class="dog-txt txt-c">Model</div>
 
                     <div class="dog-txt txt-c">Model</div>
 
                     <img src="https://static.igem.org/mediawiki/2021/5/5e/T--NCTU_Formosa--model_img.svg" alt="Model">
 
                     <img src="https://static.igem.org/mediawiki/2021/5/5e/T--NCTU_Formosa--model_img.svg" alt="Model">
−
                 </a>              
+
                 </a>
−
             </div>  
+
             </div>
 
             <div class="dog-button">
 
             <div class="dog-button">
 
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Human_Practice" class="dog-img" id="img-link1">
 
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Human_Practice" class="dog-img" id="img-link1">
 
                     <div class="dog-txt">Human Practice</div>
 
                     <div class="dog-txt">Human Practice</div>
−
                     <img src="https://static.igem.org/mediawiki/2021/5/55/T--NCTU_Formosa--human_practice.svg" alt="Human Practice">
+
                     <img src="https://static.igem.org/mediawiki/2021/5/55/T--NCTU_Formosa--human_practice.svg"
 +
                        alt="Human Practice">
 
                 </a>
 
                 </a>
 
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Team" class="dog-img" id="img-link2">
 
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Team" class="dog-img" id="img-link2">
 
                     <div class="dog-txt txt-c">Team</div>
 
                     <div class="dog-txt txt-c">Team</div>
−
                     <img src="https://static.igem.org/mediawiki/2021/c/c8/T--NCTU_Formosa--team-.svg" alt="Team">
+
                     <img src="https://static.igem.org/mediawiki/2021/c/c8/T--NCTU_Formosa--team-.svg" alt="Team">
 
                 </a>
 
                 </a>
−
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Graphic_Design" class="dog-img" >
+
                 <a href="https://2021.igem.org/Team:NCTU_Formosa/Graphic_Design" class="dog-img">
 
                     <div class="dog-txt txt-b">Graphic Design</div>
 
                     <div class="dog-txt txt-b">Graphic Design</div>
−
                     <img src="https://static.igem.org/mediawiki/2021/0/03/T--NCTU_Formosa--graphic.svg" alt="graphic">
+
                     <img src="https://static.igem.org/mediawiki/2021/0/03/T--NCTU_Formosa--graphic.svg" alt="graphic">
−
                 </a>              
+
                 </a>
−
             </div>
+
             </div>
 
             <div class="future">
 
             <div class="future">
 
                 <p id="future">Next, our goal is to solve the oral health problem in humans.</p>
 
                 <p id="future">Next, our goal is to solve the oral health problem in humans.</p>
Line 289: Line 280:
 
         margin-right: auto;
 
         margin-right: auto;
 
     }
 
     }
−
     #Background{
+
 
−
         width: 80vw ;
+
     #Background {
 +
         width: 80vw;
 
         display: block;
 
         display: block;
 
         margin-left: auto;
 
         margin-left: auto;
Line 296: Line 288:
 
         padding: 5% 0;
 
         padding: 5% 0;
 
     }
 
     }
 +
 
     #nextBtn {
 
     #nextBtn {
 
         display: block;
 
         display: block;
Line 325: Line 318:
 
         transition: .3s;
 
         transition: .3s;
 
     }
 
     }
 +
 
     .dog-button {
 
     .dog-button {
 
         display: flex;
 
         display: flex;
Line 333: Line 327:
 
         margin-right: auto;
 
         margin-right: auto;
 
     }
 
     }
 +
 
     .dog-img {
 
     .dog-img {
 
         flex: 1 1 auto;
 
         flex: 1 1 auto;
Line 339: Line 334:
  
 
     }
 
     }
−
     .dog-txt{
+
 
 +
     .dog-txt {
 
         position: absolute;
 
         position: absolute;
 
         top: 45%;
 
         top: 45%;
Line 348: Line 344:
 
         margin-right: auto;
 
         margin-right: auto;
 
         font-size: 3vw;
 
         font-size: 3vw;
−
         font-family: 'OtomanopeeOne', sans-serif ;
+
         font-family: 'OtomanopeeOne', sans-serif;
 
     }
 
     }
−
     .txt-b{
+
 
 +
     .txt-b {
 
         left: 33%;
 
         left: 33%;
 
     }
 
     }
−
     .txt-c{
+
 
 +
     .txt-c {
 
         left: 35%;
 
         left: 35%;
 
     }
 
     }
−
     .dog-img img{
+
 
 +
     .dog-img img {
 
         width: 100%;
 
         width: 100%;
 
     }
 
     }
−
     .dog-img:hover{
+
 
 +
     .dog-img:hover {
 
         opacity: 0.5;
 
         opacity: 0.5;
 
         transition: 0.3s;
 
         transition: 0.3s;
 
     }
 
     }
 +
 
     .images {
 
     .images {
 
         display: block;
 
         display: block;
Line 394: Line 395:
 
         width: 20%;
 
         width: 20%;
 
         padding: 3%;
 
         padding: 3%;
 +
    }
 +
 +
    #firstpart {
 +
        padding-bottom: 5%;
 +
    }
 +
 +
    #secondpart {
 +
        padding-bottom: 5%;
 +
    }
 +
 +
    #fourthpart {
 +
        padding-bottom: 5%;
 +
    }
 +
 +
    #fifthpart {
 +
        background-color: #DEF2FF;
 +
        color: #53A4FD;
 
     }
 
     }
  
Line 399: Line 417:
 
         margin-left: auto;
 
         margin-left: auto;
 
         margin-right: auto;
 
         margin-right: auto;
 +
        padding-top: 5%;
 
         text-align: center;
 
         text-align: center;
−
         font-size: 3vw;
+
         font-size: 3.5vw;
 
         padding: 50px;
 
         padding: 50px;
 
         color: RGB(83, 164, 253);
 
         color: RGB(83, 164, 253);
Line 418: Line 437:
 
     section {
 
     section {
 
         width: 60%;
 
         width: 60%;
−
         padding: 40px;
+
         padding: 30px;
 
         margin-left: auto;
 
         margin-left: auto;
 
         margin-right: auto;
 
         margin-right: auto;
−
         text-align: center;
+
         /*text-align: center;*/
 
         justify-content: center;
 
         justify-content: center;
 
         font-size: 2.5vw;
 
         font-size: 2.5vw;
Line 437: Line 456:
 
         padding-left: 10px;
 
         padding-left: 10px;
 
         margin-top: 3%;
 
         margin-top: 3%;
−
        margin-bottom: 3%;
 
 
     }
 
     }
  
Line 458: Line 476:
 
     }
 
     }
  
−
     .p4sec19 {
+
     /* .p4sec19 {
 
         padding: 20px;
 
         padding: 20px;
−
         font-size: 2vw !important;
+
         font-size: 2.5vw !important;
−
     }
+
     } */
  
 
     table {
 
     table {
Line 479: Line 497:
 
     }
 
     }
  
−
     .ProjectIntro h2{
+
     .ProjectIntro h2 {
 
         margin-left: auto;
 
         margin-left: auto;
 
         margin-right: auto;
 
         margin-right: auto;
Line 500: Line 518:
 
         padding: 30px;
 
         padding: 30px;
 
     }
 
     }
−
     .home_btm{
+
 
 +
     .home_btm {
 
         width: 100%;
 
         width: 100%;
 
         background-color: rgb(29, 78, 172);
 
         background-color: rgb(29, 78, 172);
  
 
     }
 
     }
 +
 
     .future {
 
     .future {
 
         padding: 10% 100px;
 
         padding: 10% 100px;
 
     }
 
     }
−
     video{
+
 
 +
     video {
 
         width: 70%;
 
         width: 70%;
 
         display: block;
 
         display: block;
Line 515: Line 536:
 
         padding-top: 8%;
 
         padding-top: 8%;
 
     }
 
     }
 +
 
     #future {
 
     #future {
 
         font-size: 2.5vw !important;
 
         font-size: 2.5vw !important;
Line 521: Line 543:
 
         font-family: "OtomanopeeOne" !important;
 
         font-family: "OtomanopeeOne" !important;
 
     }
 
     }
 +
 
     .explanation {
 
     .explanation {
 
         font-size: 1.3vw;
 
         font-size: 1.3vw;
Line 527: Line 550:
 
         color: #C0C0C0;
 
         color: #C0C0C0;
 
     }
 
     }
 +
 
     .icon {
 
     .icon {
 
         width: 1.5vw;
 
         width: 1.5vw;
 
     }
 
     }
 +
 
     @media screen and (max-width:450px) {
 
     @media screen and (max-width:450px) {
−
         #Background{
+
         #Background {
−
             width: 100vw ;
+
             width: 100vw;
 
         }
 
         }
 +
 
         section {
 
         section {
 
             width: 85%;
 
             width: 85%;
Line 539: Line 565:
 
             font-size: 6vw !important;
 
             font-size: 6vw !important;
 
         }
 
         }
 +
 
         .topic {
 
         .topic {
 
             font-size: 9vw !important;
 
             font-size: 9vw !important;
Line 544: Line 571:
 
             padding: 20px;
 
             padding: 20px;
 
         }
 
         }
 +
 
         #nextBtn {
 
         #nextBtn {
−
             width: 10%;
+
             display: none;
−
            margin-top: -3%;
+
 
         }
 
         }
 +
 
         .images {
 
         .images {
 
             width: 70%;
 
             width: 70%;
 
         }
 
         }
 +
 
         .images-r {
 
         .images-r {
 
             width: 80%;
 
             width: 80%;
 
         }
 
         }
 +
 
         .food {
 
         .food {
 
             width: 99%;
 
             width: 99%;
 
         }
 
         }
 +
 
         .food-images {
 
         .food-images {
 
             width: 30%;
 
             width: 30%;
 
             padding: 3%;
 
             padding: 3%;
 
         }
 
         }
 +
 
         .numberList {
 
         .numberList {
 
             width: 80%;
 
             width: 80%;
 
             justify-content: space-between;
 
             justify-content: space-between;
 
         }
 
         }
 +
 
         .numberList-left {
 
         .numberList-left {
 
             padding: 5%;
 
             padding: 5%;
 
         }
 
         }
 +
 
         .numberList-right {
 
         .numberList-right {
 
             padding: 5%;
 
             padding: 5%;
 
         }
 
         }
 +
 
         .number span {
 
         .number span {
 
             font-size: 7vw;
 
             font-size: 7vw;
 
         }
 
         }
−
         .p4sec19 {
+
 
 +
         /* .p4sec19 {
 
             padding: 20px;
 
             padding: 20px;
−
             font-size: 5vw !important;
+
             font-size: 6vw !important;
−
         }
+
         } */
 +
 
 
         .slogan {
 
         .slogan {
 
             font-size: 8vw;
 
             font-size: 8vw;
Line 583: Line 620:
 
             line-height: 55px;
 
             line-height: 55px;
 
         }
 
         }
 +
 
         .ProjectIntro {
 
         .ProjectIntro {
 
             background-color: RGB(83, 164, 253);
 
             background-color: RGB(83, 164, 253);
 
             padding: 10px;
 
             padding: 10px;
 
         }
 
         }
 +
 
         .ProjectIntro h2 {
 
         .ProjectIntro h2 {
 
             font-size: 8vw;
 
             font-size: 8vw;
Line 592: Line 631:
 
             line-height: 45px;
 
             line-height: 45px;
 
         }
 
         }
 +
 
         .ProjectIntro p {
 
         .ProjectIntro p {
 
             font-size: 6vw !important;
 
             font-size: 6vw !important;
 
             color: white;
 
             color: white;
 
         }
 
         }
 +
 
         .ProjIntro-content {
 
         .ProjIntro-content {
 
             padding: 30px;
 
             padding: 30px;
 
         }
 
         }
 +
 
         #future {
 
         #future {
 
             font-size: 6vw !important;
 
             font-size: 6vw !important;
 
         }
 
         }
 
     }
 
     }
 +
 
     @media screen and (max-width: 992px) {
 
     @media screen and (max-width: 992px) {
 
         video {
 
         video {

Latest revision as of 16:17, 13 December 2021


Loading...

Background

Background

After the Industrial Revolution, the widespread availability of sucrose and highly processed foods led to the caries rate skyrocketing.
food1
Bacteria entombed in the tartar on ancient teeth document the ensuing transition in microbial communities.
Processed foods become softer and cleaner, setting up a perfect storm for caries: less chewing to cut the organic film and fewer dietary abrasives to wear away the nooks and crannies in teeth where Plague bacteria take refuge.
food food food
From an evolutionary perspective, there was not enough time for our teeth to adapt to the changes in our oral environment wrought by the introduction of table sugar and processed foods.
time
According to the World Health Organization estimate, oral diseases affect up to 3.5 billion people in the world.
The severe dental disease, periodontal (gum) disease even affected 47% of adults aged over 30 years.
+0 million

Up to 3500 million people have oral problem

+0 %

47% of adults aged over 30 years have some form of periodontal disease

Moreover, the most serious condition…

Severe periodontal disease was proved to be related to many chronic and cardiovascular diseases.
process
When there's a lack of proper cleanliness, food pieces, and other fragments will quickly precipitate, forming a biofilm. Dental plaque is biofilm. The bacteria in the biofilm will trigger the deterioration of the periodontal condition.
biofilm
When the condition worsens, tartar will form. If the condition keeps worsening, the potential of getting the periodontal disease will rise.
infection
The gingiva tissue will be damaged by bacteria in the biofilm. The common consequence includes:
consequence
Bacteria will enter blood circulation through the wounds and may cause multiple organ infections.
InfectOrgan

Not only humans,

many animals, especially human rearing pets also face oral health problems, due to drastic changes in diet.
Therefore, we decided to first focus on the oral health of our furry friends, dogs before we apply our solution to human beings!

Dogs' oral problem

Based on the research, by just three years of age, eighty percent of dogs have some form of periodontal disease. However, the consequences of periodontal disease are not limited to the oral cavity.
+0years

The dogs older than three years old

+0%

Up to 80% of dogs have some form of periodontal disease

Dogs' organ infections

Up to half of the dog patients that have periodontal disease have multiple organ infections.
DogOrgan
The bacteria that are found within the mouth of dogs with dental disease are the same as the bacteria that result in heart disease. Additionally, the presence of the periodontal disease has been linked to the risk of heart disease in dogs.
Infection and inflammation within the liver and kidneys can cause signs of systemic infection, and also, interfere with the function of these organs.
According to the statistics of veterinary hospitals in Taipei in 2014s, over thirty seven percent of the deaths of dogs are related to multiple organ failure, cardiovascular disease and renal insufficiency,which probably result from periodontal disease.
%

What is current solution?

Here is the comparison of teeth brushing, teeth cleaning, and dental bone. First, brushing teeth is cheap but plaque and tartar are still ineradicable. And it is also difficult for owners to brush their dogs’ teeth every day. What about teeth cleaning? Although this is the most effective method, it costs nearly 400 US dollars, which is the most expensive method. And it needs general anesthesia to conduct. The prices and risks make some owners refuse to let their dogs use it.
dollars
For the dental bone, while it is inexpensive, convenient, and less harmful to dogs, it is less effective and efficient than the other methods above, due to the fact that most of the current dental bones are based on physical friction. This method can only remove the bacteria and food residue from the surface of tooth without adding any antibacterial ingredient.

list

Because of above methods all have their major shortcomings, the owners' motivation to solve pet's oral problems will decreased.

Let our lovely friend live long in panic!

dog

What is our solution to this problem?

We ameliorate and create a new type of dental bone, DenTeeth.
DenteethProduct
By using synthesis biology, the brand new method was born.

Detection

One of our main goals is the development of detection that is based on machine learning. Customize the period of time feeding DenTeeth and improve the effect of DenTeeth by detecting the number of bacteria in a single dog's mouth.

Inhibition

In DenTeeth, antimicrobial peptides are used to inhibit the growth of bacteria. We use antimicrobial peptide LL-37, which activates autophagy and leads to cell death.

Reduction of biofilm and odors

Based on previous studies, the bacteria on the teeth surface form biofilms which leads to the formation of tartar. In order to solve this problem, we introduce arginine into our project, which is able to reduce the formation of biofilms and reduce the odors as well.

Restoration

In addition to eliminating the main factor forming oral problems, restoration of teeth and periodontal are also necessary.

After the number of bacteria is below a certain value, the mechanism of restoration will open, several proteins which can repair damaged gingiva or tooth tissue would be expressed.

Team Promotion Video
Result
Result
Design
Design
Model
Model
Human Practice
Human Practice
Team
Team
Graphic Design
graphic

Next, our goal is to solve the oral health problem in humans.

footer_bg footer_nctu footer_fox
FOLLOW US
fb ig
CONTACT US
mail
LOCATION
location