Difference between revisions of "Team:NCTU Formosa"

 
(173 intermediate revisions by 9 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
<link href='https://2015.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css' rel="stylesheet">
+
<link href="https://2015.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css" rel="stylesheet">
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
 
 +
    if($(".div3").innerHeight()<$(".div3-1").innerHeight()){
 +
        $(".div3").css("height",$(".div3-3").innerHeight());
 +
       
 +
    };
  
−
 
+
});
−
<style type="text/css">
+
</script>
−
body {
+
<style>
−
color:#000;
+
        body{
−
margin:0;
+
padding: 0;
−
padding:0;
+
margin: 0;
−
background:#fff;
+
}
−
font-family:Myriad Pro;
+
.div1{
−
}
+
        background:rgb(42,189,243);
−
/*    插入導覽列    */
+
−
div.p01 {
+
−
height:110vh;
+
−
position:relative;
+
−
background-image:url("https://static.igem.org/mediawiki/2015/3/32/2015_NCTU_Formosa_Homepage_1-01.png");
+
−
                background-size:100%;
+
−
                background-repeat:no-repeat;
+
−
                top:0vh;
+
−
               
+
−
}
+
−
    .p02{
+
−
position: relative;
+
−
    }
+
−
    .p03{
+
−
        background:#01C1A1;
+
 
         height:100vh;
 
         height:100vh;
−
position: relative;
+
        position:relative;
−
background-image:url(https://static.igem.org/mediawiki/2015/d/d5/NCTU_Formosa_Homepage_Get_ready_to_explore.png);
+
        width:100%;
−
background-size:120% 170%;
+
−
background-position: center;
+
−
cursor:pointer;
+
−
    }
+
−
video#bgvid{
+
−
position: absolute;
+
−
    min-width: 100%;
+
−
    min-height: 100%;
+
−
    width: 100%;
+
−
height: auto;
+
−
    z-index: -100;
+
 
}
 
}
−
#fade-it{
+
 
−
position: absolute;
+
        .div2{
−
top: 11vh;
+
        background:#fff;
−
left:24vw;
+
height:100vh;
−
font-size:2.5em;
+
        width:100%;
−
}
+
        position:relative;
−
#move-it{
+
       
−
background-image:url(https://static.igem.org/mediawiki/2015/1/1a/NCTU_Formosa_homepage_point.png);
+
}
−
background-size:100% 100%;
+
        .div3{
−
width:9vw;
+
        background:#fff;
−
height:18vh;
+
        width:100%;
 +
height:100vh;
 +
        position:relative;
 +
       
 +
}
 +
.div3-1{
 +
        background:#fff;
 +
        width:28%;
 +
height:18vw;
 +
        position:absolute;
 +
        left:8%;
 +
top:0vh;
 +
        margin-left:0;
 +
}
 +
        .div3-2{
 +
        background:#fff;
 +
        width:28%;
 +
height:18vw;
 +
 
position:absolute;
 
position:absolute;
−
left: 30vw;
+
        left:36%;
−
bottom:30vh;
+
top:0vh;
−
}
+
        margin-left:0;
−
.apollo{
+
}
−
background-image:url("https://static.igem.org/mediawiki/2015/5/53/2015_NCTU_Formosa_11897155_889492047791513_1100794190_n.jpg");
+
        .div3-3{
 +
        background:#fff;
 +
        width:28%;
 +
height:18vw;
 +
 +
position:absolute;
 +
        left:64%;
 +
top:0vh;
 +
        margin-left:0;  
 +
}
 +
        .div4{
 +
        background:#FCFCDE;
 +
        height:80%;
 +
width:100%;
 +
        position:relative;
 +
        top:0vh;
 +
margin-left:0;
 +
}
 +
 
 +
/*圖案*/
 +
 
 +
        video#bgvid{
 +
position:relative;
 +
top:80px;
 +
        min-width: 72%;
 +
        min-height: 72%;
 +
        width: 72%;
 +
    height: auto;
 +
margin:0px auto;
 +
padding-left:13vw;
 +
       
 +
}
 +
        .p-2{
 +
    background-image:url("https://static.igem.org/mediawiki/2015/8/8f/Apollo_no_background.png");
 +
    position:relative;
 +
height:90vh;
 +
    width:90%;
 +
background-position:center;
 +
    background-size:50%;
 +
    background-repeat:no-repeat;
 +
    left:3%;
 +
}
 +
.photo3-1{
 +
background-image:url("https://static.igem.org/mediawiki/2015/5/51/2015_NCTU_Formosa_Homepage_21.png");
 +
width:100%;
 +
height:100%;
 
position:relative;
 
position:relative;
−
height:17vh;
+
top:0%;
−
width:16vw;
+
left:5%;
−
left:82vw;
+
−
top:1vh;
+
 
background-size:90%;
 
background-size:90%;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
}
 
}
−
.photo1{
+
.photocontent1{
−
background-image:url("https://static.igem.org/mediawiki/2015/5/51/2015_NCTU_Formosa_Homepage_21.png");
+
−
height:105vh;
+
−
width:100vw;
+
−
position:relative;
+
−
background-size:105%;
+
−
background-repeat:no-repeat;
+
−
}
+
−
.photocontent{
+
 
color: #000;
 
color: #000;
−
font-family:Myriad Pro;
+
font-family:Arial;
−
font-size: 30px;
+
font-size: 18px;
 
text-decoration:none;
 
text-decoration:none;
−
text-align:left;
+
text-align: justify;
−
position:absolute;
+
margin-left : 8%;
−
top:63vh;
+
width:80%;
−
left:65vw;
+
−
height:20vh;
+
−
width:30vw;
+
 
}
 
}
−
.photo2{
+
−
margin-top:7vh;
+
.photo3-2{
−
background-image:url("https://static.igem.org/mediawiki/2015/3/36/2015_NCTU_Formosa_Homepage_22.png");
+
background-image:url("https://static.igem.org/mediawiki/2015/2/2e/NCTU_Formosa_Homepage_antibody.png");
−
height:70vh;
+
height:100%;
−
width:98vw;
+
width:100%;
 
position:relative;
 
position:relative;
−
background-size:100%;
+
background-size:90%;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 +
left:4%;
 +
top:0%;
 
}
 
}
 +
 
.photocontent2{
 
.photocontent2{
 
color: #000;
 
color: #000;
−
font-family:Myriad Pro;
+
font-family:Arial;
−
font-size: 30px;
+
font-size: 18px;
 
text-decoration:none;
 
text-decoration:none;
−
text-align:left;
+
text-align: justify;
 
position:absolute;
 
position:absolute;
−
top:110vh;
+
top:50%;
−
left:3vw;
+
left:8%;
−
height:20vh;
+
height:50%;
−
width:40vw;
+
width:80%;
 
}
 
}
−
.photo3{
+
.photo3-3{
−
background-image:url("https://static.igem.org/mediawiki/2015/d/d9/2015NCTU_Formosa_Homepage_23.png");
+
background-image:url("https://static.igem.org/mediawiki/2015/2/2c/Nctu_formosa_homepage_cell.png");
−
height:80vh;
+
height:100%;
−
width:98vw;
+
width:100%;
 
position:relative;
 
position:relative;
−
background-size:100%;
+
background-size:50%;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 +
left:5%;
 +
top:0%;
 
}
 
}
 +
 
.photocontent3{
 
.photocontent3{
 
color: #000;
 
color: #000;
−
font-family:Myriad Pro;
+
font-family:Arial;
−
font-size: 20px;
+
font-size: 18px;
 
text-decoration:none;
 
text-decoration:none;
−
text-align:left;
+
text-align: justify;
 
position:absolute;
 
position:absolute;
−
top:190vh;
+
top:50%;
−
left:57vw;
+
left:8%;
−
height:20vh;
+
height:50%;
−
width:40vw;
+
width:80%;
 
}
 
}
 +
        .p-4{
 +
        background:#FCFCDE;
 +
        height:80vh;
 +
position: relative;
 +
background-image:url(https://static.igem.org/mediawiki/2015/8/8d/NCTU_FORMOSA_HOMEPAGE_ECOTECTOR_nR.png);
 +
background-size:80%;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
}
 +
.div3 img{
 +
width:85%;
 +
margin-left:7.5%;
 +
}
 +
</style>
 +
  </head>
 +
 
 +
<body>
  
−
</style>
 
  
−
</head>
+
<div class="div1">
−
 
+
<div class="div1-1">
−
<body>
+
<video autoplay id="bgvid" controls="true">
−
<div class="container">
+
<source src="https://static.igem.org/mediawiki/2015/0/09/Nctu_formosa_homepage_vide5.mp4" type="video/mp4">
−
 
+
</source>
−
<div class="p01">
+
        </video>
−
    <video autoplay id="bgvid">
+
</div>
−
<source src="1" type="video/mp4">
+
</div>
−
</video>
+
−
    </div>
+
−
    <div class="p02">
+
−
                    <div class="apollo"></div>
+
−
<div class="photo1"></div>
+
−
<div class="photocontent">
+
−
In 2015, NCTU_Formosa created an APOllO organization, which stands for Almighty probe of scFv organization, to develop a new product.</div>
+
−
<div class="photo2"></div>
+
−
<div class="photocontent2">
+
−
We want to help doctor to select the
+
−
candidates for targeted drug therapies and
+
−
determine what kinds of targeted drugs can
+
−
be used in a cheaper way. If the diagnosis cost
+
−
become inexpensive, there will be more people
+
−
can afford, therefore more people can be
+
−
prescribe and treated, decreasing the mortality rate.</div>
+
−
<div class="photo3"></div>
+
−
<div class="photocontent3">
+
−
<font size="30pt";>APOllO E.Cotector</font><br>
+
−
Stain the tissue biopsies by antibody-antigen 
+
−
interaction and perform fluorescence.
+
−
Then it can help doctor determine the targeted
+
−
drug therapy.<br>
+
−
<font size="30pt";>APOllO E.Cotector Plus</font><br>  
+
−
test the concentration of specific antigens in serum
+
−
  and to give more information about the patients'
+
−
  condition.
+
−
</div>
+
−
   
+
−
    </div>
+
 
      
 
      
 +
    <div class="div2">
 +
<div class="p-2"></div>
 +
        <div style="position:absolute;bottom:30%;width:100%;text-align:center;font-size:18pt;letter-spacing:5px;">The only thing we can detect is everything.</div>
 +
</div>
 
      
 
      
−
     <div class="p03" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Project';"><div id="move-it"></div></div>
+
     <div class="div3 ">
 +
<div class="div3-1">
 +
 +
          <img src="https://static.igem.org/mediawiki/2015/5/51/2015_NCTU_Formosa_Homepage_21.png" align="center" height=250px>
 +
      <div class="photocontent1"><h2>Who we are</h2>
 +
      NCTU_Formosa created an organization—APOllO, which stands for Almighty Probe of scFv Organization. APOllO is devoted to developing detection technology by utilizing antibodies. In 2015, we cooperated with iGEM to create a brand new detection platform using synthetic biology.</div>
 +
    </div>
 +
           
 +
        <div class="div3-2">
 +
    <img src="https://static.igem.org/mediawiki/2015/2/2e/NCTU_Formosa_Homepage_antibody.png" align="middle" height=250px>
 +
      <div class="photocontent1"><h2>What's new</h2>
 +
APOllO E.Cotector:<br> 
 +
Our organization creates a customized scFv detection platform by co-transforming any desired plasmid in to <i>E. coli</i>. ScFv utilizes antigen-antibody interaction to act as probes. Therefore, our E.Cotector has the function of a detector.
 +
      </div> </div>
 +
           
 +
          <div class="div3-3">
 +
    <img src="https://static.igem.org/mediawiki/2015/7/77/Nctu_formosa_homepage_photo3.jpg" align="middle" height=250px>
 +
           
 +
        <div class="photocontent1"><h2>What we care about</h2>
 +
       
 +
In 2015, we focused on helping doctors select appropriate candidates for monoclonal-antibody targeted drug treatments—reducing the price of patients' treatment. If the cost for diagnosis decreases, more patients can afford it. Therefore lowering the mortality rate of cancer. <br>
 +
            </div>
 +
      </div>
 +
</div>
 
      
 
      
−
   
+
        <div class="p-4">
−
    <div style="position:relative;">
+
        <div style="position:absolute;bottom:17vh;right:20vw;font-size:20pt;"><a href="https://2015.igem.org/Team:NCTU_Formosa/Project" style="color:#000;"><u>Get Ready to Explore</a></U></div>
−
    <div style="width:40vw;height:5vh;position:absolute;left:0;float:left;background-color:#00171F;color:#fff;font-family:Myriad Pro;font-size:2em;padding:4vh 0vw 7vh 7vw;">contact us<BR> NCTU_Formosa APOllO &nbsp;&nbsp;<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>
−
        <div style="width:60vw;height:5vh;position:absolute;right:0;float:left;background-color:#263A40;color:#fff;font-family:Myriad Pro;font-size:2em;padding:4vh 0vw 7vh 6vw;">
+
</div>
−
        <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>
+
−
            &nbsp;&nbsp;Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC. </div>
+
−
    </div>
+
−
</div>
+
−
  <script src="https://2015.igem.org/Team:NCTU_Formosa/source/superscrollorama.js?
+
−
action=raw&ctype=text/javascript"></script>
+
−
    <script src="https://2015.igem.org/Team:NCTU_Formosa/source/TweenMax.min.js?
+
−
action=raw&ctype=text/javascript"></script>
+
−
<script>
+
−
$(document).ready(function() {
+
−
var controller = $.superscrollorama();
+
−
// individual element tween examples
+
−
controller.addTween('#fade-it', TweenMax.from( $('#fade-it'), .5, {css:{opacity: 0}}));
+
  
−
controller.addTween('#move-it', TweenMax.from( $('#move-it'), .8, {css:{left:0, bottom:0}, ease:Quad.easeOut}));
+
 
−
})
+
−
</script>
+
−
    <script type="text/javascript">
+
−
/* 淡入淡出*/
+
−
$(document).ready(function (){
+
−
    $("#fade-it4").click(function(){               
+
−
        var div = $("#arrow1");
+
−
        div.css("opacity") == 0 ? div.fadeTo("fast", 1.0) : div.fadeTo("fast", 0.0);
+
−
    });
+
−
$("#fade-it5").click(function(){               
+
−
        var div = $("#arrow2");
+
−
        div.css("opacity") == 0 ? div.fadeTo("fast", 1.0) : div.fadeTo("fast", 0.0);
+
−
    });
+
−
$("#fade-it6").click(function(){               
+
−
        var div = $("#arrow3");
+
−
        div.css("opacity") == 0 ? div.fadeTo("fast", 1.0) : div.fadeTo("fast", 0.0);
+
−
    });
+
−
});
+
−
</script>
+
 
</body>
 
</body>
−
</html>
+
</html>{{Team:NCTU_Formosa/footer}}

Latest revision as of 02:41, 19 September 2015

The only thing we can detect is everything.

Who we are

NCTU_Formosa created an organization—APOllO, which stands for Almighty Probe of scFv Organization. APOllO is devoted to developing detection technology by utilizing antibodies. In 2015, we cooperated with iGEM to create a brand new detection platform using synthetic biology.

What's new

APOllO E.Cotector:
Our organization creates a customized scFv detection platform by co-transforming any desired plasmid in to E. coli. ScFv utilizes antigen-antibody interaction to act as probes. Therefore, our E.Cotector has the function of a detector.

What we care about

In 2015, we focused on helping doctors select appropriate candidates for monoclonal-antibody targeted drug treatments—reducing the price of patients' treatment. If the cost for diagnosis decreases, more patients can afford it. Therefore lowering the mortality rate of cancer.