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

(Prototype team page)
 
Line 1: Line 1:
{{NCTU_Formosa}}
+
{{Team:NCTU_Formosa/navigation}}
 
<html>
 
<html>
 +
<head>
 +
<!--    匯入jQuery    -->
 +
<link href='https://2015.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css' rel="stylesheet">
 +
<script type="text/javascript" src="https://2015.igem.org/Team:NCTU_Formosa/source/project_side_nav?
 +
action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
body {
 +
color:#fff;
 +
margin:0;
 +
padding:0;
 +
background:#3a4044;
 +
}
 +
* {
 +
margin:0;
 +
padding:0;
 +
}
 +
/*    插入背景圖片    */
 +
    .p01{
 +
background-image:url(https://static.igem.org/mediawiki/2015/c/c0/NCTU_Formosa_metal_Style_background.jpg);
 +
        background-repeat: no-repeat;
 +
background-position:center;
 +
background-size:cover;
 +
        height:100vh;
 +
position:relative
 +
    }
 +
    .p02{
 +
        background-image:url(images/p02.jpg);
 +
        background-size:cover;
 +
        background-repeat: no-repeat;
 +
        height:100vh;
 +
    }
 +
    .p03{
 +
        background-image:url(images/p03.jpg);
 +
        background-size:cover;
 +
        background-repeat: no-repeat;
 +
        height:100vh;
 +
    }
 +
    .p04{
 +
        background-image:url(images/p04.jpg);
 +
        background-size:cover;
 +
        background-repeat: no-repeat;
 +
        height:100vh;
 +
    }
 +
    .p05{
 +
        background-image:url(images/p05.jpg);
 +
        background-size:cover;
 +
        background-repeat: no-repeat;
 +
        height:100vh;
 +
    }
 +
/*    插入導覽列    */
 +
    .sidenav{
 +
        position: fixed;
 +
        top:35vh;
 +
        right:4.5vw;
 +
        cursor:pointer;
 +
        z-index:3;
 +
    }
 +
    li.navli{
 +
        width:15px;
 +
        height:15px;
 +
margin: 2.5vh 0vw 0vh 0vw;
 +
        background-color: transparent;
 +
        border-radius: 10px;
 +
        list-style-type: none;
 +
border: #fff 2px solid;
 +
line-height:17px;
 +
    }
 +
    g1{
 +
        font-size:7em;
 +
        color:#fff;
 +
display:inline;
 +
    }
 +
g2{
 +
font-size:2.3em;
 +
color:#fff;
 +
display:inline;
 +
}
 +
navtext {
 +
display: block;
 +
right: 10vw;
 +
top: 0px;
 +
position: relative;
 +
font-weight: 100;
 +
letter-spacing: 2px;
 +
font-size: 1.9em;
 +
}
 +
.upper{
 +
position:relative;
 +
font-family: "georgia";
 +
border-bottom-style:solid;
 +
border-width:2px;
 +
height: 20vh;
 +
line-height:20vh;
 +
border-color:#fff;
 +
padding: 0vh 0vw 0vh 7vw;
 +
}
 +
.side{
 +
position:absolute;
 +
left: 0px;
 +
width: 6vw;
 +
height: 79.8vh;
 +
border-right-style:solid;
 +
border-width:2px;
 +
border-color:#fff;
 +
}
 +
.textbox{
 +
position:static;
 +
margin-left: 8vw;
 +
padding: 9vh 20vw 10vh 4vw;
 +
font-family: "Georgia";
 +
font-size:2.8em;
 +
color: #fff;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div class="container">
 +
    <div class="sidenav">
 +
        <ul style="list-style-image: none; color: #fff;">
 +
            <li class="navli" style="background-color:#ffffff"><navtext>Project</navtext></li>
 +
            <li class="navli"><navtext>Background</navtext></li>
 +
            <li class="navli"><navtext>Design</navtext></li>
 +
            <li class="navli"><navtext>Result</navtext></li>
 +
            <li class="navli"><navtext>Modeling</navtext></li>
  
<h2>Design</h2>
+
        </ul>
 +
    </div>
 +
    <div class="p01"><g1>PROJECT</g1></div>
 +
    <div class="p02">
  
<p>
+
    <div class="upper"><g1>Background / </g1><g2>Our project focuses on the diagnoses before and after treatment for cancers.</g2>
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page. If you are going for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Applied Design award</a>, you should also complete this page and tell us what you did.  
+
        </div>
</p>
+
        <div class="side">
 
+
        </div>
<div class="highlightBox">
+
        <div class="textbox">Our project focuses on the diagnoses before and after treatment for cancers. Two systems are constructed for our project. The first system displays scFv on the surface of E.coli while the second one displays gold binding peptide (GBP).
<h4>Note</h4>
+
Before treatment, by using the fluorescent E.coli with scFv displayed on the surface, IHC procedure can be simplified because secondary antibodies is omitted and solves the problem of non-specific binding of secondary antibodies.  
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Applied Design award</a> and/or the <a href="https://2015.igem.org/Judging/Awards#Medals">functional prototype gold medal criterion</a>, you must fill out this page.</p>
+
  A dual system involving E.coli displaying scFv and GBP can solve random orientation of antibodies coating on gold chip to attain an accurate measurement. Therefore, the dual system can also offer a quantitative and accurate diagnosis for after treatment of cancer.  
</div>
+
Our project not only improves the diagnoses of the cancer types before treatment easily but also helps track the patient's condition after treatment by multifaceted measurement technology with more accurate quantitative results!
 
+
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
 
+
<p>
+
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
</p>
+
  
 +
        </div>
 +
    </div>
 +
    <div class="p03">
 +
        <div class="upper"><g1>Design / </g1><g2>To display scfv on the E.coli's surface we used a transmembrance fusion protein.</g2>
 +
        </div>
 +
        <div class="side">
 +
        </div>
 +
        <div class="textbox">ScFv is a single chain variable fragment the binding site for antigen. Comparing to the entire antibody, scFv is smaller for E.coli to display it.To display scfv on the E.coli’s surface we used a transmembrance fusion protein. This fusion protein is composed of Lipoprotein and a small part of outermembrane protein A (OmpA). Its C terminal will connect with the scFv and display it onto the membrane surface of the E.coli.
 +
        </div>
 +
    </div>
 +
    <div class="p04">
 +
            <div class="upper"><g1>Result / </g1><g2>Sucessfully present our E.cotector</g2>
 +
        </div>
 +
        <div class="side">
 +
        </div>
 +
        <div class="textbox">testestetsetsetset
 +
        </div>
 +
    </div>
 +
    <div class="p05">
 +
    <div class="upper"><g1>Modeling / </g1><g2>Find out the best condition of our E.cotector</g2>
 +
        </div>
 +
        <div class="side">
 +
        </div>
 +
        <div class="textbox">testestetsetsetset
 +
        </div>
 +
    </div>
 
</div>
 
</div>
  
 +
</body>
 
</html>
 
</html>

Revision as of 11:39, 8 August 2015

PROJECT
Background / Our project focuses on the diagnoses before and after treatment for cancers.
Our project focuses on the diagnoses before and after treatment for cancers. Two systems are constructed for our project. The first system displays scFv on the surface of E.coli while the second one displays gold binding peptide (GBP). Before treatment, by using the fluorescent E.coli with scFv displayed on the surface, IHC procedure can be simplified because secondary antibodies is omitted and solves the problem of non-specific binding of secondary antibodies. A dual system involving E.coli displaying scFv and GBP can solve random orientation of antibodies coating on gold chip to attain an accurate measurement. Therefore, the dual system can also offer a quantitative and accurate diagnosis for after treatment of cancer. Our project not only improves the diagnoses of the cancer types before treatment easily but also helps track the patient's condition after treatment by multifaceted measurement technology with more accurate quantitative results!
Design / To display scfv on the E.coli's surface we used a transmembrance fusion protein.
ScFv is a single chain variable fragment the binding site for antigen. Comparing to the entire antibody, scFv is smaller for E.coli to display it.To display scfv on the E.coli’s surface we used a transmembrance fusion protein. This fusion protein is composed of Lipoprotein and a small part of outermembrane protein A (OmpA). Its C terminal will connect with the scFv and display it onto the membrane surface of the E.coli.
Result / Sucessfully present our E.cotector
testestetsetsetset
Modeling / Find out the best condition of our E.cotector
testestetsetsetset