Difference between revisions of "Team:NCTU Formosa/Engineering"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{NCTU_Formosa/mw-legacy.css}}
−
{{NCTU_Formosa}}
+
{{NCTU_Formosa/header}}
 
<html>
 
<html>
  
  
−
<div class="column full_size judges-will-not-evaluate">
+
<body>
−
<h3>★  ALERT! </h3>
+
    <main>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2021.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2021.igem.org/Judging/Awards"> award listed below</a>. </p>
+
        <div id="headerbackground">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2021.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
            <img src="https://static.igem.org/mediawiki/2021/c/c3/T--NCTU_Formosa--engineering.svg">
−
</div>
+
        </div>
 +
        <div class="main-content">
 +
            <img src="https://static.igem.org/mediawiki/2021/0/02/T--NCTU_Formosa--next.png" id="nextBottom" />
 +
            <div class="section s1">
 +
                <h1 class="topic" id="topic1">Biobrick design</h1>
  
 +
            <div id="video">
 +
                <video autoplay muted loop poster="https://static.igem.org/mediawiki/2021/9/9f/T--NCTU_Formosa--biobrickABC.png" id="vid1">
 +
                    <source src="https://static.igem.org/mediawiki/2021/8/87/T--NCTU_Formosa--biobrick_video.mp4" type="video/mp4">
 +
                </video> 
 +
                     
 +
            </div>
 +
     
 +
                <p id="p1">
 +
                    &#8195;&#8195;With quorum sensing and repressible promoter, our biobrick has a time span to achieve oral sterilization and restoration. With the increase of oral bacteria, it will activate the antimicrobial peptide LL-37 to inhibit the large amount of bacteria which cause tooth decay and periodontal disease. When the amount of bacteria decrease, it will activate BMP2 and STATH to repair gums and help tooth remineralization. This mechanism can avoid the formation of biofilm during the remineralization process, and it also can achieve the best efficient restoration on the condition of fewer bacteria.
 +
                </p>
 +
               
 +
            </div>
 +
            <hr />
 +
            <div class="reference">
 +
                <h1 class="topic-r">Reference</h1>
 +
                <ol>
 +
                    <li class="ref">Mounika Basavaraju, Vidya SagarSisnity et al.(2016)”Quorum quenching: Signal jamming in dental plaque biofilms”Journal of dental sciences 11(4):349-352</li>
 +
                   
 +
                   
 +
                </ol>
 +
            </div>
 +
           
 +
        </div>
 +
    </main>
 +
</body>
 +
<style type="text/css">
 +
    .main-content{
 +
        margin-bottom: 5%;
 +
    }
 +
    .main-content hr{
 +
        border-top: 1px solid #696969;
 +
        margin-top: 10%;
 +
        margin-bottom: 2%;
 +
    }
 +
    #headerbackground{
 +
        width: 100%;
 +
        display: block;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
    }
 +
    #nextBottom{
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
        margin-bottom: 10%;
 +
        margin-top: -15%;
 +
        display: block;
 +
        width: 10%;
 +
        animation: floating 3s ease-in-out infinite;
 +
        cursor: pointer;
 +
    }
  
−
<div class="clear"></div>
+
    @keyframes floating {
 +
        0% {
 +
            transform: translatey(0px);
 +
        }
  
 +
        50% {
 +
            transform: translatey(-20px);
 +
        }
  
−
<div class="column full_size">
+
        100% {
−
<h1>Engineering Success</h1>
+
            transform: translatey(0px);
−
<h3> Silver Medal Criterion #1</h3>
+
        }
 +
    }
  
−
<p>Demonstrate engineering success in a part of your project by going through at least one iteration of the engineering design cycle. This achievement should be distinct from your Contribution for Bronze.
+
    #nextBottom:hover{
−
<br><br>
+
        transform: scale(1.2);
−
Please see the <a href="https://2021.igem.org/Judging/Medals">2021 Medals Page</a> for more information.  
+
        transition: .3s;
−
</p>
+
    }
−
 
+
−
 
+
−
<p>If you plan to show engineering success by creating a new Part that has been shown to work as expected, you must document your contribution on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a> for your team to be eligible for this criteria.</p>
+
−
 
+
−
</div>
+
  
 +
    .main-content{
 +
        float: right;
 +
        width: 70%;
 +
        margin-right: 15%;
 +
        background-color: white;
 +
    }
 +
    .topic{
 +
        text-align: center;
 +
        color: RGB(83,164,253);
 +
        font-family: 'OtomanopeeOne', sans-serif !important;
 +
        font-size: 3vw;
 +
        line-height: 48px;
 +
        padding: 10% 10% 5%;
 +
    }
 +
    #topic1{
 +
        padding-top: 0;
 +
        padding-bottom: 5%;
 +
    }
 +
    .topic-r{
 +
        color: RGB(83,164,253);
 +
        font-family: 'OtomanopeeOne', sans-serif !important;
 +
        font-size: 2.5vw;
 +
        padding-bottom: 5%;
 +
        line-height: 30px;
 +
    }
 +
    .ref{
 +
        font-size: 1vw;
 +
        font-family: 'Noto Sans JP', sans-serif;
 +
        color: #696969;
 +
    }
 +
    .subtopic i{
 +
        font-size: 2.5vw !important;
 +
        }
 +
    .subtopic{
 +
        text-align: center;
 +
        color: RGB(253,172,83);
 +
        line-height: 48px;
 +
        font-family: 'OtomanopeeOne', sans-serif;
 +
        font-size: 2.5vw;
 +
        padding: 8% 0 5%;
 +
    }
 +
    .section p{
 +
        font-size: 2vw !important;
 +
        font-family: 'Noto Sans JP', sans-serif;
 +
    }
 +
    .section p i{
 +
        font-size: 2vw !important;
 +
        font-family: 'Noto Sans JP', sans-serif;
 +
    }
 +
    .images{
 +
        width: 80%;
 +
        display: block;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
    }
 +
    #vid1{
 +
        width: 100%;
 +
        object-fit: fill;
 +
    }
 +
    @media screen and (max-width: 750px){
 +
    #nextBottom{
 +
        width: 10%;
 +
    }
 +
  .topic{
 +
        font-size: 9vw;
 +
        line-height: 50px;
 +
    }
 +
    .topic-r{
 +
        font-size: 7vw;
 +
        line-height: 30px;
 +
    }
 +
    .subtopic i{
 +
        font-size: 8vw !important;
 +
        }
 +
    .subtopic{
  
 +
        line-height: 50px;
 +
        font-size: 7vw;
 +
    }
 +
    .section p{
 +
        font-size: 5vw !important;
 +
    }
 +
    .section p i{
 +
        font-size: 5vw !important;
 +
    }
 +
    .images{
 +
        width: 100%;
 +
    }
 +
    .main-content {
 +
        width: 80%;
 +
        margin-right: 10%;
 +
    }
 +
    .ref{
 +
        font-size: 3vw;
 +
    }
 +
    }
 +
    @media screen and (max-width: 992px) {
 +
        video {
 +
            width: 80%;
 +
            display: block;
 +
            margin-left: auto;
 +
            margin-right: auto;
 +
    }
 +
</style>
 +
<script type="text/javascript">
 +
    $("document").ready(function(){
 +
        $("#nextBottom").click(function(){
 +
            $("html,body").animate({scrollTop: $("#topic1").offset().top}, 800)
 +
        });
 +
 
 +
    })
 +
</script>
 
</html>
 
</html>
 +
{{NCTU_Formosa/footer}}

Revision as of 10:29, 29 September 2021


Loading...

Biobrick design

  With quorum sensing and repressible promoter, our biobrick has a time span to achieve oral sterilization and restoration. With the increase of oral bacteria, it will activate the antimicrobial peptide LL-37 to inhibit the large amount of bacteria which cause tooth decay and periodontal disease. When the amount of bacteria decrease, it will activate BMP2 and STATH to repair gums and help tooth remineralization. This mechanism can avoid the formation of biofilm during the remineralization process, and it also can achieve the best efficient restoration on the condition of fewer bacteria.

Reference

  1. Mounika Basavaraju, Vidya SagarSisnity et al.(2016)”Quorum quenching: Signal jamming in dental plaque biofilms”Journal of dental sciences 11(4):349-352
footer_bg footer_nctu footer_fox
FOLLOW US
fb ig
CONTACT US
mail
LOCATION
location