|
|
| (36 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| − | {{Team:NCTU_Formosa/navigation}}
| |
| − | <html>
| |
| − | <head>
| |
| | | | |
| − | <style type="text/css">
| |
| − | body{
| |
| − | background-color:#ffffff;
| |
| − | }
| |
| − | .project{
| |
| − | width:90vw;
| |
| − | padding-left:60px;
| |
| − | background-color:#ffffff;
| |
| − | padding-bottom:15vh;
| |
| − | }
| |
| − | .side{
| |
| − | height:100vh;
| |
| − | width:60px;
| |
| − | position:fixed;
| |
| − | background-color:#000;
| |
| − | z-index:99;
| |
| − | left:0vw;
| |
| − | }
| |
| − | .Background{
| |
| − | position:relative;
| |
| − | text-align: center;
| |
| − | padding-top:5vh;
| |
| − | text-shadow:3px 3px 3px #cccccc;
| |
| − | }
| |
| − | #image1 img{
| |
| − | max-width:85vw;
| |
| − | width:85vw;
| |
| − | width:expression(document.body.clientWidth>92vw?"92vw":"auto");
| |
| − | overflow:hidden;
| |
| − | position:relative;
| |
| − | text-align:center;
| |
| − | }
| |
| − | .project_text{
| |
| − | text-align:left;
| |
| − | font-family:Myriad Pro;
| |
| − | font-weight:normal;
| |
| − | color:#000000;
| |
| − | padding-left:5vw;
| |
| − | padding-right:5vw;
| |
| − | font-size:1.5em;
| |
| − | text-indent:38px;
| |
| − | }
| |
| − |
| |
| − | .project_title{
| |
| − | text-align:left;
| |
| − | font-family:Myriad Pro;
| |
| − | color:#000000;
| |
| − | padding-left:5vw;
| |
| − | font-size:20pt;
| |
| − | background-size:cover;height:20vh;width:15vw;
| |
| − |
| |
| − | }
| |
| − | .project3{
| |
| − | text-align:left;
| |
| − | font-family:Myriad Pro;
| |
| − | font-weight:normal;
| |
| − | color:#000000;
| |
| − | padding-left:5vw;
| |
| − | padding-right:5vw;
| |
| − | padding-bottom:9vh;
| |
| − | font-size:16pt;
| |
| − | text-indent:25px;
| |
| − | }
| |
| − |
| |
| − | .link--kukuri {
| |
| − | text-transform:none;
| |
| − | overflow: hidden;
| |
| − |
| |
| − | }
| |
| − | .link {
| |
| − | outline: none;
| |
| − | text-decoration: none;
| |
| − | position: relative;
| |
| − | line-height: 1;
| |
| − | color: #9e9ba4;
| |
| − | display:outline-block;
| |
| − | font-family:Myriad Pro;
| |
| − | font-weight:bold;
| |
| − | font-size:45pt;
| |
| − | }
| |
| − |
| |
| − | .link--kukuri:hover {
| |
| − | color: #b2b0a9;
| |
| − | }
| |
| − |
| |
| − | .link--kukuri::after {
| |
| − | content: '';
| |
| − | position: absolute;gi
| |
| − | height: 20px;
| |
| − | width: 100%;
| |
| − | top: 50%;
| |
| − | margin-top: 8px;
| |
| − | right: 0;
| |
| − | background: #F9F9F9;
| |
| − | transform: translate3d(-100%,0,0);
| |
| − | transition: transform 0.2s;
| |
| − | transition-timing-function: cubic-bezier(1.0,0,0.8,1);
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .link--kukuri:hover::after {
| |
| − | transform: translate3d(100%,0,0);
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .link--kukuri::before {
| |
| − | content: attr(data-letters);
| |
| − | position: absolute;
| |
| − | overflow: hidden;
| |
| − | color: #424242;
| |
| − | white-space: nowrap;
| |
| − | width: 0%;
| |
| − | transition: width 0.2s 0.1s;
| |
| − | }
| |
| − |
| |
| − | .link--kukuri:hover::before {
| |
| − | width: 100%;
| |
| − | }
| |
| − | a.animated-button.thar-three {
| |
| − | color: #000;
| |
| − | font-family:Myriad Pro;
| |
| − | font-size: 20px;
| |
| − | text-decoration: none;
| |
| − | text-align:center;
| |
| − | cursor: pointer;
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | bottom:10vh;
| |
| − | width:30vh;
| |
| − | left:75vw;
| |
| − | border: 2px solid #F7CA18;
| |
| − | transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
| |
| − | 0s;
| |
| − | z-index: 2;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | a.animated-button.thar-three:hover {
| |
| − | color: #000 !important;
| |
| − | background-color: transparent;
| |
| − | text-shadow: nthree;
| |
| − | }
| |
| − |
| |
| − | a.animated-button.thar-three:hover:before {
| |
| − | right: auto;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | a.animated-button.thar-three:before {
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: 0px;
| |
| − | right: 0px;
| |
| − | height: 100%;
| |
| − | width: 0px;
| |
| − | z-index: -1;
| |
| − | content: '';
| |
| − | color: #000 !important;
| |
| − | background: #F7CA18;
| |
| − | transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
| |
| − | 0s;
| |
| − | }
| |
| − | a.animated-button.thar-three-two {
| |
| − | color: #000;
| |
| − | font-family:Myriad Pro;
| |
| − | font-size: 20px;
| |
| − | text-decoration: none;
| |
| − | text-align:center;
| |
| − | cursor: pointer;
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | bottom:10vh;
| |
| − | width:30vh;
| |
| − | left:-7vw;
| |
| − | border: 2px solid #F7CA18;
| |
| − | transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
| |
| − | 0s;
| |
| − | z-index: 2;
| |
| − | }
| |
| − | a.animated-button.thar-three-two:hover {
| |
| − | color: #000 !important;
| |
| − | background-color: transparent;
| |
| − | text-shadow: nthree;
| |
| − | }
| |
| − |
| |
| − | a.animated-button.thar-three-two:hover:before {
| |
| − | right: auto;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | a.animated-button.thar-three-two:before {
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: 0px;
| |
| − | right: 0px;
| |
| − | height: 100%;
| |
| − | width: 0px;
| |
| − | z-index: -1;
| |
| − | content: '';
| |
| − | color: #000 !important;
| |
| − | background: #F7CA18;
| |
| − | transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
| |
| − | 0s;
| |
| − | }
| |
| − | .text{
| |
| − | width:65%;
| |
| − |
| |
| − | text-align:left;
| |
| − |
| |
| − | position:relative;
| |
| − | float:left;
| |
| − | font-weight:normal;
| |
| − | color:#575757;
| |
| − | font-family:Myriad Pro;
| |
| − | font-size:1.5em;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </head>
| |
| − | <body>
| |
| − | <div class="side"></div>
| |
| − |
| |
| − |
| |
| − | <div class="project">
| |
| − | <div class="Background"><a class="link link--kukuri" href="#" data-letters="Achievement">Achievement</a></div>
| |
| − | <p></p>
| |
| − | <p></p>
| |
| − | <div id="image1"><img src="https://static.igem.org/mediawiki/2015/thumb/a/a7/NCTU_Formosa_Ach1.png/800px-NCTU_Formosa_Ach1.png"></div>
| |
| − | <BR>
| |
| − | <div style="width:100vw;height:32vh;">
| |
| − | <div class="project_title"style="float:left;background-image:url(https://static.igem.org/mediawiki/2015/2/2f/NCTU_Formosa_team.png);"></div>
| |
| − | <div class="text" >
| |
| − | <p></p>
| |
| − | <ul type=disc style="text-align:justify;" >
| |
| − | <li>We created the fluorescent E.Cotectors with the single chain variable fragment (scFv) of monoclonal antibody used on targeted therapies on its outer membrane.
| |
| − | <li>We created our E.Cotectors with the gold binding peptide (GBP) on its outer membrane.
| |
| − | <li>We created the different colors of fluorescent E.Cotectors with different scFv of monoclonal antibodies.
| |
| − | <li>We proved that the scFv have binding specificity and our E.Cotectors can bind to antigens to distinguish antigens overexpressed in cells.
| |
| − | <li>We proved that our E.Cotectors can apply on different techniques of cell staining.
| |
| − | <li>We proved that the GBP can let our E.Cotectors adhere to the gold surface.
| |
| − | <li>We combined the Quartz crystal microbalance (QCM) technique with our E.Cotectors to measure the concentration of antigens.
| |
| − | </ul>
| |
| − | <br>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div style="width:100vw;height:25vh;">
| |
| − | <div class="project_title"style="float:left;background-image:url(https://static.igem.org/mediawiki/2015/f/f2/NCTU_Formosa_Ach2.png);"></div>
| |
| − | <div class="text" >
| |
| − | <p></p>
| |
| − | <ul type=disc style="text-align:justify;" >
| |
| − | <li>We constructed 25 biobricks and conducted a series of experiments to verify their functions.
| |
| − | <li>We constructed the models to calculate the optimized environment for the highest binding affinity.
| |
| − | <li>We designed the mechanism to guarantee the safety on the gene level and the microorganism level.
| |
| − | <li>We promoted the communication and the cooperation among various professional fields such as synthetic biology, measurement technology, immunology, and medical science via the participation in iGEM and the accomplishment of the project.
| |
| − |
| |
| − | </ul>
| |
| − | <br>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div style="width:100vw;height:25vh;">
| |
| − | <div class="project_title"style="float:left;background-image:url(https://static.igem.org/mediawiki/2015/6/6d/NCTU_Formosa_Ach3.png);"></div>
| |
| − | <div class="text" >
| |
| − | <p></p>
| |
| − | <ul type=disc style="text-align:justify;" >
| |
| − | <li>Simultaneously detected the multiple antigens.
| |
| − | <li>Enlarged the signal of targeted antigens.
| |
| − | <li>Combined the antigen measurement technique with others technique, enhanced the precision, and expanded its application.
| |
| − | <li>Enhanced the process yield in immobilization of antibodies on the medium gold surface.
| |
| − | <li>The cost of using our E.cotectors is lower than using monoclonal antibodies targeted drugs directly on measuring antigens.
| |
| − |
| |
| − | </ul>
| |
| − | <br>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div style="width:100vw;height:25vh;">
| |
| − | <div class="project_title"style="float:left;background-image:url(https://static.igem.org/mediawiki/2015/8/85/NCTU_Formosa_Ach4.png);"></div>
| |
| − | <div class="text" >
| |
| − | <p></p>
| |
| − | <ul type=disc style="text-align:justify;" >
| |
| − | <li>Offer a new way to let doctors have more selections to make diagnosis.
| |
| − | <li>Directly used the antibody fragment of monoclonal antibody used on targeted therapy to distinguish antigens overexpressed in cells. Provided prescription of combination, personalized, and effective targeted drugs.
| |
| − | <li>Prepared for the new era of medical digitalization.
| |
| − |
| |
| − |
| |
| − | </ul>
| |
| − | <br>
| |
| − | <br>
| |
| − | </div>
| |
| − | <div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div style="position:relative;">
| |
| − | <div style="width:30vw;height:5vh;position:absolute;left:2vw;float:left;background-color:#00171F;color:#fff;font-family:Myriad Pro;font-size:2em;padding:7vh 0vw 7vh 5vw;">contact us<BR> NCTU_Formosa APOllO <a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331?fref=ts" target="_blank"><img src=https://static.igem.org/mediawiki/2015/a/ab/NCTU_FORMOSA_Facebook_LINK.png width=40vw></a> </div>
| |
| − | <div style="width:58.85vw;height:5vh;position:absolute;right:0;float:left;background-color:#263A40;color:#fff;font-family:Myriad Pro;font-size:2em;padding:7vh 0vw 7vh 6vw;">
| |
| − | <a href="https://goo.gl/maps/nqUy6" target="_blank"><img src=https://static.igem.org/mediawiki/2015/1/10/NCTU_Formosa_footer_location.png width=40vw></a>
| |
| − | Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC. </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |