Difference between revisions of "Team:NCTU Formosa"

 
(187 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 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());
 +
       
 +
    };
  
 +
});
 +
</script>
 +
<style>
 +
        body{
 +
padding: 0;
 +
margin: 0;
 +
}
 +
.div1{
 +
        background:rgb(42,189,243);
 +
        height:100vh;
 +
        position:relative;
 +
        width:100%;
 +
}
  
−
<style type="text/css">
+
        .div2{
−
body {
+
        background:#fff;
−
color:#000;
+
height:100vh;
−
margin:0;
+
        width:100%;
−
padding:0;
+
        position:relative;
−
background:#fff;
+
       
−
font-family:Myriad Pro;
+
}
−
}
+
        .div3{
−
/*    插入導覽列    */
+
        background:#fff;
−
div.p01 {
+
        width:100%;
 
height:100vh;
 
height:100vh;
−
position:relative;
+
        position:relative;
−
background-color: #2D5187
+
          
−
}
+
−
    .p02{
+
−
position: relative;
+
−
    }
+
−
    .p03{
+
−
         background:#01C1A1;
+
−
        height:100vh;
+
−
position: relative;
+
−
background-image:url(https://static.igem.org/mediawiki/2015/d/d5/NCTU_Formosa_Homepage_Get_ready_to_explore.png);
+
−
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{
+
.div3-1{
−
position: absolute;
+
        background:#fff;
−
top: 11vh;
+
        width:28%;
−
left:24vw;
+
height:18vw;
−
font-size:2.5em;
+
        position:absolute;
−
}
+
        left:8%;
−
#move-it{
+
top:0vh;
−
background-image:url(https://static.igem.org/mediawiki/2015/1/1a/NCTU_Formosa_homepage_point.png);
+
        margin-left:0;  
−
background-size:100% 100%;
+
}
−
width:9vw;
+
        .div3-2{
−
height:18vh;
+
        background:#fff;
 +
        width:28%;
 +
height:18vw;
 +
 
position:absolute;
 
position:absolute;
−
left: 30vw;
+
        left:36%;
−
bottom:30vh;
+
top:0vh;
−
}
+
        margin-left:0;  
−
.logo{
+
}
−
background-image:url("https://static.igem.org/mediawiki/2015/5/53/2015_NCTU_Formosa_11897155_889492047791513_1100794190_n.jpg");
+
        .div3-3{
−
position:absolute;
+
        background:#fff;
−
background-size:80%;
+
        width:28%;
−
background-repeat: no-repeat;
+
height:18vw;
−
height:10vh;
+
−
width:20vw;
+
position:absolute;
−
right:0vw;
+
        left:64%;
−
top:1vh;
+
top:0vh;
 +
        margin-left:0;  
 +
}
 +
        .div4{
 +
        background:#FCFCDE;
 +
        height:80%;
 +
width:100%;
 +
        position:relative;
 +
        top:0vh;
 +
margin-left:0;  
 
}
 
}
  
−
.photo1{
+
/*圖案*/
−
background-image:url("https://static.igem.org/mediawiki/2015/8/8a/2015NCTU_Formosa_Homepage_photo1.png");
+
 
 +
        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:70vh;
+
top:0%;
−
width:70vw;
+
left:5%;
−
left:5vw;
+
background-size:90%;
−
background-size:80%;
+
−
background-repeat: no-repeat;
+
−
top:13vh;
+
−
}
+
−
.content1{
+
−
color:#000;
+
−
font-family:Myriad Pro;
+
−
font-size:18pt;
+
−
height:40vh;
+
−
width:30vw;
+
−
position:absolute;
+
−
left:64vw;
+
−
top:55vh;
+
−
background-color:#fff;
+
−
}
+
−
.icon1{
+
−
background-image:url("https://static.igem.org/mediawiki/2015/a/a5/NCTU-Formosa-homepage_icon1.png");
+
−
position:absolute;
+
−
width:15vw;
+
−
height:25vh;
+
−
left:64vw;
+
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
−
background-size:50%;
 
−
top:35vh;
 
 
}
 
}
−
.iconcon{
+
.photocontent1{
−
font-family:Myriad Pro;
+
color: #000;
−
font-size:20pt;
+
font-family:Arial;
−
position:absolute;
+
font-size: 18px;
−
width:15vw;
+
text-decoration:none;
−
height:20vh;
+
text-align: justify;
−
left:78vw;
+
margin-left : 8%;
−
top:41vh;
+
width:80%;
 
}
 
}
−
.photo2{
+
−
background-image:url("https://static.igem.org/mediawiki/2015/d/da/2015_NCTU_Formosa_Homepage_photo2.png");
+
.photo3-2{
 +
background-image:url("https://static.igem.org/mediawiki/2015/2/2e/NCTU_Formosa_Homepage_antibody.png");
 +
height:100%;
 +
width:100%;
 
position:relative;
 
position:relative;
−
height:70vh;
+
background-size:90%;
−
width:56vw;
+
−
left:38vw;
+
−
background-size:100%;
+
−
background-repeat: no-repeat;
+
−
top:16vh;
+
−
}
+
−
.content2{
+
−
color:#000;
+
−
font-family:Myriad Pro;
+
−
font-size:18pt;
+
−
height:40vh;
+
−
width:30vw;
+
−
position:absolute;
+
−
left:5vw;
+
−
top:115vh;
+
−
background-color:#fff;
+
−
}
+
−
.icon2{
+
−
background-image:url("https://static.igem.org/mediawiki/2015/c/c5/NCTU_formosa_Homepage_icon2.png");
+
−
position:absolute;
+
−
width:15vw;
+
−
height:25vh;
+
−
left:5vw;
+
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
−
background-size:50%;
+
left:4%;
−
top:95vh;
+
top:0%;
 
}
 
}
−
.iconcon2{
+
 
−
font-family:Myriad Pro;
+
.photocontent2{
−
font-size:20pt;
+
color: #000;
 +
font-family:Arial;
 +
font-size: 18px;
 +
text-decoration:none;
 +
text-align: justify;
 
position:absolute;
 
position:absolute;
−
width:20vw;
+
top:50%;
−
height:20vh;
+
left:8%;
−
left:20vw;
+
height:50%;
−
top:100vh;
+
width:80%;
 
}
 
}
−
.photo3{
+
.photo3-3{
−
background-image:url("https://static.igem.org/mediawiki/2015/8/85/2015NCTU_Formosa_Homepage_photo3.png");
+
background-image:url("https://static.igem.org/mediawiki/2015/2/2c/Nctu_formosa_homepage_cell.png");
 +
height:100%;
 +
width:100%;
 
position:relative;
 
position:relative;
−
height:100vh;
+
background-size:50%;
−
width:70vw;
+
background-repeat:no-repeat;
−
left:5vw;
+
left:5%;
−
background-size:80%;
+
top:0%;
−
background-repeat: no-repeat;
+
−
top:20vh;
+
 
}
 
}
−
.content3{
+
 
−
color:#000;
+
.photocontent3{
−
font-family:Myriad Pro;
+
color: #000;
−
font-size:18pt;
+
font-family:Arial;
−
height:40vh;
+
font-size: 18px;
−
width:30vw;
+
text-decoration:none;
 +
text-align: justify;
 
position:absolute;
 
position:absolute;
−
left:64vw;
+
top:50%;
−
top:190vh;
+
left:8%;
−
background-color:#fff;
+
height:50%;
 +
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;  
 
}
 
}
−
.icon3{
+
.div3 img{
−
background-image:url("https://static.igem.org/mediawiki/2015/d/d5/NCTU_formosa_Homepage_icon3.png");
+
width:85%;
−
position:absolute;
+
margin-left:7.5%;
−
width:15vw;
+
}
−
height:25vh;
+
</style>
−
left:64vw;
+
  </head>
−
background-repeat:no-repeat;
+
 
−
background-size:50%;
+
<body>
−
top:170vh;
+
−
}
+
−
.iconcon3{
+
−
font-family:Myriad Pro;
+
−
font-size:20pt;
+
−
position:absolute;
+
−
width:20vw;
+
−
height:20vh;
+
−
left:78vw;
+
−
top:175vh;
+
−
}
+
−
</style>
+
  
−
</head>
 
  
−
<body>
+
<div class="div1">
−
<div class="container">
+
<div class="div1-1">
−
<div class="sidenav">
+
<video autoplay id="bgvid" controls="true">
−
        <ul style="list-style-image: none; color: #fff;">
+
<source src="https://static.igem.org/mediawiki/2015/0/09/Nctu_formosa_homepage_vide5.mp4" type="video/mp4">
−
            <li class="navli" style="background-color:#ffffff"></li>
+
</source>
−
            <li class="navli"></li>
+
        </video>
−
            <li class="navli"></li>
+
</div>
−
 
+
</div>
−
        </ul>
+
−
    </div>
+
−
<div class="p01">
+
−
    <video autoplay id="bgvid">
+
−
<source src="1" type="video/mp4">
+
−
</video>
+
−
    </div>
+
−
    <div class="p02">
+
−
                    <div class="logo"></div>
+
−
                <div class="photo1"></div>
+
−
                <div class="icon1"></div>
+
−
                <div class="iconcon">Who we are</div>
+
−
                <div class="content1" style="text-align:justify;text-justify:auto;">
+
−
                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="content2" style="text-align:justify;text-justify:auto;">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="icon2"></div>
+
−
                <div class="iconcon2">What we have done</div>
+
−
                <div class="photo3"></div>
+
−
                <div class="content3"style="text-align:justify;text-justify:auto;"><font color="#AC1F4A";>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 color="#AC1F4A";>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 class="icon3"></div>
+
−
                <div class="iconcon3">How we make it</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="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="p03" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Project';"><div id="move-it"></div></div>
+
        <div class="p-4">
−
   
+
        <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>
−
    <div style="position:relative;">
+
</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 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;">
+
−
        <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.