Background
Up to 3500 million people have oral problem
47% of adults aged over 30 years have some form of periodontal disease
Yitzu Juan (Talk | contribs) |
|||
(11 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | <html | + | {{NCTU_Formosa/mw-legacy.css}} |
+ | {{NCTU_Formosa/header}} | ||
+ | <html> | ||
− | < | + | <body> |
− | < | + | <header id="headerbackground"> |
− | + | <img src="https://static.igem.org/mediawiki/2021/7/7a/T--NCTU_Formosa--main_bg_400.svg" alt="Background" | |
− | + | title="Background" id="Background"> | |
− | + | <img src="https://static.igem.org/mediawiki/2021/e/e8/T--NCTU_Formosa--next.svg" id="nextBtn" /> | |
− | + | </header> | |
− | + | <main> | |
− | + | <article id="firstpart"> | |
− | < | + | <h2 class="topic" id="topic1"> |
− | + | Background | |
− | < | + | </h2> |
− | + | <section> | |
− | + | After the Industrial Revolution, the widespread availability of sucrose and highly processed foods led to the caries rate skyrocketing. | |
− | + | </section> | |
− | + | <img src="https://static.igem.org/mediawiki/2021/1/1c/T--NCTU_Formosa--factory.svg" class="images-b" id="food1" | |
− | + | alt="food1" /> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <section> | |
− | + | Bacteria entombed in the tartar on ancient teeth document the ensuing transition in microbial | |
− | + | communities. | |
− | + | </section> | |
+ | <section> | ||
+ | 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. | ||
− | + | </section> | |
− | + | <div class="food"> | |
− | + | <img src="https://static.igem.org/mediawiki/2021/a/a5/T--NCTU_Formosa--sugar.svg" class="food-images" | |
+ | id="food" alt="food" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/2/2f/T--NCTU_Formosa--candy.svg" class="food-images" | ||
+ | id="food" alt="food" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/05/T--NCTU_Formosa--cake.svg" class="food-images" | ||
+ | id="food" alt="food" /> | ||
+ | </div> | ||
− | + | <section> | |
− | + | 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. | |
− | + | ||
− | + | ||
− | < | + | </section> |
− | + | <img src="https://static.igem.org/mediawiki/2021/archive/3/3e/20210907103033%21T--NCTU_Formosa--time.svg" | |
− | + | class="images" id="time" alt="time" /> | |
− | + | <section> | |
− | <img src="https://static.igem.org/mediawiki/2021/ | + | According to the World Health Organization estimate, oral diseases affect up to 3.5 billion people |
− | < | + | in the world. |
− | </ | + | </section> |
− | + | <section> | |
− | + | The severe dental disease, periodontal (gum) disease even affected 47% of adults aged over 30 years. | |
− | + | </section> | |
− | + | <div class="numberList"> | |
− | + | <div class="numberList-left"> | |
− | + | <h class="number">+<span class="animateNum" data-animatetarget="3500">0</span> million</h> | |
− | + | <p class="oral number">Up to 3500 million people | |
− | + | have oral problem</p> | |
+ | </div> | ||
+ | <div class="numberList-right"> | ||
+ | <h class="number">+<span class="animateNum" data-animatetarget="47">0</span> %</h> | ||
+ | <p class="number">47% of adults aged over 30 years | ||
+ | have some form of periodontal disease</p> | ||
+ | </div> | ||
</div> | </div> | ||
− | </ | + | </article> |
− | < | + | <article id="secondpart"> |
− | < | + | <h2 class="topic">Moreover, the most serious condition…</h2> |
− | + | <section> | |
− | + | Severe periodontal disease was proved to be related to many chronic and cardiovascular diseases. | |
− | < | + | </section> |
− | + | <img src="https://static.igem.org/mediawiki/2021/1/1a/T--NCTU_Formosa--process.svg" class="images" id="process" | |
− | </ | + | alt="process" /> |
− | < | + | <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 the deterioration of the periodontal condition. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <!-- | + | </section> |
+ | <img src="https://static.igem.org/mediawiki/2021/3/3a/T--NCTU_Formosa--dental_plaque_explain.svg" class="images" | ||
+ | id="biofilm" alt="biofilm" /> | ||
+ | <section> | ||
+ | When the condition worsens, tartar will form. If the condition keeps worsening, the potential of | ||
+ | getting the periodontal disease will rise. | ||
+ | |||
+ | </section> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/6/66/T--NCTU_Formosa--periodintal_disease_explain.svg" | ||
+ | class="images" id="infection" alt="infection" /> | ||
+ | <section> | ||
+ | The gingiva tissue will be damaged by bacteria in the biofilm. The common consequence includes: | ||
+ | |||
+ | </section> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2021/9/98/T--NCTU_Formosa--consequence2.svg" class="images" | ||
+ | id="consequence" alt="consequence" /> | ||
+ | |||
+ | <section> | ||
+ | Bacteria will enter blood circulation through the wounds and may cause multiple organ infections. | ||
+ | </section> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/6/6a/T--NCTU_Formosa--infected_organ.svg" class="images" | ||
+ | id="InfectOrgan" alt="InfectOrgan" /> | ||
+ | |||
+ | </article> | ||
+ | <article id="thirdpart"> | ||
+ | <h2 class="topic">Not only humans,</h2> | ||
+ | <section> | ||
+ | many animals, especially human rearing pets also face oral health problems, due to drastic changes | ||
+ | in diet. | ||
+ | </section> | ||
+ | <section>Therefore, we decided to first focus on the oral health of our furry friends, | ||
+ | dogs before we apply our solution to human beings! | ||
+ | </section> | ||
+ | </article> | ||
+ | <article id="fourthpart"> | ||
+ | <h2 class="topic">Dogs' oral problem</h2> | ||
+ | <section> | ||
+ | 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. | ||
+ | |||
+ | </section> | ||
+ | <div class="numberList"> | ||
+ | <div class="numberList-left"> | ||
+ | <h class="number">+<span class="animateNum" data-animatetarget="3">0</span>years</h> | ||
+ | <p class="age">The dogs older than three years old</p> | ||
+ | </div> | ||
+ | <div class="numberList-right"> | ||
+ | <h class="number">+<span class="animateNum" data-animatetarget="80">0</span>%</h> | ||
+ | <p class="DogPeriodontalRate">Up to 80% of dogs have some form of periodontal disease</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </article> | ||
+ | <article id="fourthpart"> | ||
+ | <h2 class="topic">Dogs' organ infections</h2> | ||
+ | |||
+ | <section> | ||
+ | Up to half of the dog patients that have periodontal disease have multiple organ infections. | ||
+ | </section> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/6/6f/T--NCTU_Formosa--dogorgan.svg" class="images" id="DogOrgan" | ||
+ | alt="DogOrgan" /> | ||
+ | <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 linked to the risk of heart disease in dogs. | ||
+ | |||
+ | </section> | ||
+ | <section> | ||
+ | Infection and inflammation within the liver and kidneys can cause signs of systemic infection, and | ||
+ | also, interfere with the function of these organs. | ||
+ | |||
+ | </section> | ||
+ | <section> | ||
+ | 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. | ||
+ | </section> | ||
+ | <div class="pie animatePie" data-animatetarget="37"> | ||
+ | <div class="pieLeft"> | ||
+ | <div class="pieLeftInner"></div> | ||
+ | </div> | ||
+ | <div class="pieRight"> | ||
+ | <div class="pieRightInner"></div> | ||
+ | </div> | ||
+ | <div class="pieInner"><span></span>%</div> | ||
+ | </div> | ||
+ | </article> | ||
+ | <article> | ||
+ | <h2 class="topic">What is current solution?</h2> | ||
+ | <section> | ||
+ | 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. | ||
+ | </section> | ||
+ | <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" /> | ||
+ | </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 | ||
+ | solve pet's oral problems will decreased. | ||
+ | </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" | ||
+ | alt="dog" style="padding-bottom: 5%;" /> | ||
+ | </article> | ||
+ | <article id="fifthpart"> | ||
+ | <h2 class="topic">What is our solution to this problem?</h2> | ||
+ | <section>We ameliorate and create a new type of dental bone, DenTeeth. | ||
+ | </section> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0b/T--NCTU_Formosa--product1.svg" class="images" | ||
+ | id="DenteethProduct" alt="DenteethProduct" /> | ||
+ | <section>By using synthesis biology, the brand new method was born. | ||
+ | </section> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/4/45/T--NCTU_Formosa--advantages_of_denteeth.svg" | ||
+ | class="images" /> | ||
+ | |||
+ | </article> | ||
+ | |||
+ | <article class="ProjectIntro"> | ||
+ | <h2>Detection</h2> | ||
+ | <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 | ||
+ | detecting the number of bacteria in a single dog's mouth. | ||
+ | </p> | ||
+ | <h2>Inhibition</h2> | ||
+ | <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. | ||
+ | </p> | ||
+ | <h2>Reduction of biofilm and odors</h2> | ||
+ | <p class="ProjIntro-content">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. | ||
+ | </p> | ||
+ | <h2>Restoration</h2> | ||
+ | <p class="ProjIntro-content">In addition to eliminating the main factor forming oral problems, restoration of teeth and | ||
+ | periodontal are also necessary. | ||
+ | </p> | ||
+ | <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. | ||
+ | </p> | ||
+ | </article> | ||
+ | <div class="home_btm"> | ||
+ | <video controls poster="https://static.igem.org/mediawiki/2021/a/a0/T--NCTU_Formosa--promotionvideo.jpg"> | ||
+ | <source src="https://static.igem.org/mediawiki/2021/d/df/T--NCTU_Formosa--promotion.mp4" type="video/mp4"> | ||
+ | </video> | ||
+ | <div class="explanation"><svg class="icon" aria-hidden="true" data-prefix="fas" data-icon="arrow-circle-up" | ||
+ | role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> | ||
+ | <path fill="currentColor" | ||
+ | d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm143.6 28.9l72.4-75.5V392c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V209.4l72.4 75.5c9.3 9.7 24.8 9.9 34.3.4l10.9-11c9.4-9.4 9.4-24.6 0-33.9L273 107.7c-9.4-9.4-24.6-9.4-33.9 0L106.3 240.4c-9.4 9.4-9.4 24.6 0 33.9l10.9 11c9.6 9.5 25.1 9.3 34.4-.4z"> | ||
+ | </path> | ||
+ | </svg> Team Promotion Video</div> | ||
+ | |||
+ | <div class="dog-button"> | ||
+ | <a href="https://2021.igem.org/Team:NCTU_Formosa/Result" class="dog-img"> | ||
+ | <div class="dog-txt">Result</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0b/T--NCTU_Formosa--result.svg" alt="Result"> | ||
+ | </a> | ||
+ | <a href="https://2021.igem.org/Team:NCTU_Formosa/Design" class="dog-img"> | ||
+ | <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"> | ||
+ | </a> | ||
+ | <a href="https://2021.igem.org/Team:NCTU_Formosa/Model" class="dog-img"> | ||
+ | <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"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="dog-button"> | ||
+ | <a href="https://2021.igem.org/Team:NCTU_Formosa/Human_Practice" class="dog-img" id="img-link1"> | ||
+ | <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"> | ||
+ | </a> | ||
+ | <a href="https://2021.igem.org/Team:NCTU_Formosa/Team" class="dog-img" id="img-link2"> | ||
+ | <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"> | ||
+ | </a> | ||
+ | <a href="https://2021.igem.org/Team:NCTU_Formosa/Graphic_Design" class="dog-img"> | ||
+ | <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"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="future"> | ||
+ | <p id="future">Next, our goal is to solve the oral health problem in humans.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </main> | ||
+ | </body> | ||
<style> | <style> | ||
− | # | + | #headerbackground { |
− | + | /* width: 90vw; */ | |
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
} | } | ||
− | # | + | #Background { |
− | + | width: 80vw; | |
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | padding: 5% 0; | ||
} | } | ||
− | # | + | #nextBtn { |
− | + | display: block; | |
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: -6%; | ||
+ | margin-bottom: 5%; | ||
+ | width: 5%; | ||
+ | animation: floating 3s ease-in-out infinite; | ||
+ | cursor: pointer; | ||
} | } | ||
− | + | @keyframes floating { | |
− | + | 0% { | |
− | + | transform: translatey(0px); | |
− | + | } | |
− | + | 50% { | |
− | + | transform: translatey(-20px); | |
− | + | } | |
+ | |||
+ | 100% { | ||
+ | transform: translatey(0px); | ||
+ | } | ||
} | } | ||
− | # | + | #nextBtn:hover { |
− | + | transform: scale(1.2); | |
− | + | transition: .3s; | |
} | } | ||
− | + | .dog-button { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
display: flex; | display: flex; | ||
− | + | width: 100%; | |
justify-content: space-between; | justify-content: space-between; | ||
− | + | justify-content: center; | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | + | ||
} | } | ||
− | + | .dog-img { | |
− | + | flex: 1 1 auto; | |
− | + | position: relative; | |
− | + | width: 33%; | |
− | + | ||
} | } | ||
− | + | .dog-txt { | |
− | + | position: absolute; | |
− | + | top: 45%; | |
+ | left: 30%; | ||
+ | line-height: 3vw; | ||
+ | color: whitesmoke; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size: 3vw; | ||
+ | font-family: 'OtomanopeeOne', sans-serif; | ||
+ | } | ||
+ | |||
+ | .txt-b { | ||
+ | left: 33%; | ||
+ | } | ||
+ | |||
+ | .txt-c { | ||
+ | left: 35%; | ||
+ | } | ||
+ | |||
+ | .dog-img img { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .dog-img:hover { | ||
+ | opacity: 0.5; | ||
transition: 0.3s; | transition: 0.3s; | ||
} | } | ||
− | . | + | .images { |
− | + | display: block; | |
− | + | margin: auto; | |
+ | width: 50%; | ||
} | } | ||
− | . | + | .images-r { |
− | + | display: block; | |
+ | margin: auto; | ||
+ | padding-left: 10%; | ||
+ | width: 50%; | ||
} | } | ||
− | + | .images-b { | |
− | + | display: block; | |
− | margin: | + | margin: auto; |
− | + | width: 30%; | |
+ | } | ||
+ | |||
+ | .food { | ||
display: flex; | display: flex; | ||
− | + | width: 78%; | |
− | + | justify-content: center; | |
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
} | } | ||
− | + | .food-images { | |
− | + | flex: none; | |
− | + | width: 20%; | |
− | + | padding: 3%; | |
− | + | ||
} | } | ||
− | # | + | #firstpart { |
− | + | padding-bottom: 5%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #secondpart { |
− | + | padding-bottom: 5%; | |
− | + | ||
− | + | ||
} | } | ||
− | # | + | #fourthpart { |
− | + | padding-bottom: 5%; | |
− | + | ||
} | } | ||
− | # | + | #fifthpart { |
− | + | background-color: #DEF2FF; | |
− | + | color: #53A4FD; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .topic { |
− | + | margin-left: auto; | |
+ | margin-right: auto; | ||
+ | padding-top: 5%; | ||
+ | text-align: center; | ||
+ | font-size: 3.5vw; | ||
+ | padding: 50px; | ||
+ | color: RGB(83, 164, 253); | ||
+ | font-family: "OtomanopeeOne" !important; | ||
} | } | ||
− | . | + | .slogan { |
− | + | margin-left: auto; | |
+ | margin-right: auto; | ||
+ | text-align: center; | ||
+ | font-size: 3vw; | ||
+ | padding: 50px; | ||
+ | line-height: 50px; | ||
+ | color: rgb(33, 102, 204); | ||
} | } | ||
− | + | section { | |
− | + | width: 60%; | |
+ | padding: 30px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | /*text-align: center;*/ | ||
+ | justify-content: center; | ||
+ | font-size: 2.5vw; | ||
+ | line-height: 45px; | ||
} | } | ||
− | + | .numberList { | |
− | + | width: 55%; | |
− | + | display: flex; | |
− | + | text-align: center; | |
− | + | justify-content: center; | |
− | + | align-items: center; | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
+ | padding-left: 10px; | ||
+ | margin-top: 3%; | ||
} | } | ||
− | + | .numberList-left { | |
− | + | flex: 1 1 auto; | |
− | + | text-align: center; | |
− | + | width: 25%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .numberList-right { | |
− | + | flex: 1 1 auto; | |
− | + | text-align: center; | |
− | + | width: 25%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .number span { | |
− | + | font-size: 4vw; | |
− | + | font-family: "OtomanopeeOne"; | |
− | } | + | color: RGB(253, 172, 83); |
+ | } | ||
− | + | /* .p4sec19 { | |
− | + | padding: 20px; | |
− | } | + | font-size: 2.5vw !important; |
+ | } */ | ||
− | + | table { | |
− | + | margin-left: auto !important; | |
− | + | margin-right: auto !important; | |
− | + | background-color: white; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .pie { | |
− | + | margin-left: auto; | |
− | } | + | margin-right: auto; |
+ | } | ||
− | + | .ProjectIntro { | |
− | + | background-color: RGB(83, 164, 253); | |
− | } | + | padding: 80px; |
+ | } | ||
− | + | .ProjectIntro h2 { | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | } | + | margin-top: 7%; |
+ | text-align: center; | ||
+ | font-size: 3.5vw; | ||
+ | padding: 30px; | ||
+ | color: whitesmoke; | ||
+ | } | ||
− | + | .ProjectIntro p { | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
+ | text-align: center !important; | ||
+ | font-size: 2.5vw !important; | ||
+ | color: white; | ||
} | } | ||
− | + | .ProjIntro-content { | |
− | + | padding: 30px; | |
− | + | ||
} | } | ||
− | + | .home_btm { | |
− | + | width: 100%; | |
+ | background-color: rgb(29, 78, 172); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .future { | |
− | + | padding: 10% 100px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | video { | |
− | width: | + | width: 70%; |
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | padding-top: 8%; | ||
} | } | ||
− | # | + | #future { |
− | + | font-size: 2.5vw !important; | |
− | text- | + | text-align: center !important; |
− | + | color: white; | |
− | + | font-family: "OtomanopeeOne" !important; | |
− | font- | + | |
− | + | ||
} | } | ||
− | + | .explanation { | |
− | + | font-size: 1.3vw; | |
− | + | text-align: center; | |
− | + | margin: 10px 0 10%; | |
− | + | color: #C0C0C0; | |
} | } | ||
− | |||
− | + | .icon { | |
− | + | width: 1.5vw; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | @media screen and (max-width:450px) { | ||
+ | #Background { | ||
+ | width: 100vw; | ||
+ | } | ||
− | + | section { | |
− | + | width: 85%; | |
− | + | padding: 10% 0; | |
+ | font-size: 6vw !important; | ||
} | } | ||
− | + | ||
− | + | .topic { | |
− | + | font-size: 9vw !important; | |
− | + | line-height: 45px; | |
− | + | padding: 20px; | |
− | + | ||
} | } | ||
− | |||
− | + | #nextBtn { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | .images { | ||
+ | width: 70%; | ||
+ | } | ||
− | + | .images-r { | |
− | + | width: 80%; | |
− | + | } | |
− | + | .food { | |
− | + | width: 99%; | |
− | + | ||
} | } | ||
− | |||
− | + | .food-images { | |
− | + | width: 30%; | |
− | + | padding: 3%; | |
− | + | } | |
− | + | ||
− | + | .numberList { | |
− | + | width: 80%; | |
− | + | justify-content: space-between; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .numberList-left { | |
− | + | padding: 5%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | }); | + | .numberList-right { |
+ | padding: 5%; | ||
+ | } | ||
+ | |||
+ | .number span { | ||
+ | font-size: 7vw; | ||
+ | } | ||
+ | |||
+ | /* .p4sec19 { | ||
+ | padding: 20px; | ||
+ | font-size: 6vw !important; | ||
+ | } */ | ||
+ | |||
+ | .slogan { | ||
+ | font-size: 8vw; | ||
+ | padding: 40px 10px 30px; | ||
+ | line-height: 55px; | ||
+ | } | ||
+ | |||
+ | .ProjectIntro { | ||
+ | background-color: RGB(83, 164, 253); | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | .ProjectIntro h2 { | ||
+ | font-size: 8vw; | ||
+ | padding: 30px; | ||
+ | line-height: 45px; | ||
+ | } | ||
+ | |||
+ | .ProjectIntro p { | ||
+ | font-size: 6vw !important; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .ProjIntro-content { | ||
+ | padding: 30px; | ||
+ | } | ||
+ | |||
+ | #future { | ||
+ | font-size: 6vw !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 992px) { | ||
+ | video { | ||
+ | width: 80%; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <link rel="stylesheet" | ||
+ | href="https://2021.igem.org/wiki/index.php?title= Template:NCTU_Formosa/runing.css &action=raw&ctype=text/css"> | ||
+ | <script type="text/javascript" | ||
+ | src="https://2021.igem.org/wiki/index.php?title=%20Template:NCTU_Formosa/runing.js%20&action=raw&ctype=text/javascript"> | ||
</script> | </script> | ||
+ | <script type="text/javascript"> | ||
+ | jq3("document").ready(function () { | ||
+ | jq3("#nextBtn").click(function () { | ||
+ | jq3("html,body").animate({ | ||
+ | scrollTop: jq3("#topic1").offset().top | ||
+ | }, 800) | ||
+ | }); | ||
+ | }) | ||
+ | jq3(function () { | ||
+ | jq3('body').running(); | ||
+ | }) | ||
+ | </script> | ||
</html> | </html> | ||
+ | {{NCTU_Formosa/footer}} |
Up to 3500 million people have oral problem
47% of adults aged over 30 years have some form of periodontal disease
The dogs older than three years old
Up to 80% of dogs have some form of periodontal disease
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.
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.
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.
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.
Next, our goal is to solve the oral health problem in humans.