Difference between revisions of "Team:NCTU Formosa"
(190 intermediate revisions by 9 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
− | <link href= | + | <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%; | ||
+ | } | ||
− | + | .div2{ | |
− | + | background:#fff; | |
− | + | height:100vh; | |
− | + | width:100%; | |
− | + | position:relative; | |
− | + | ||
− | + | } | |
− | + | .div3{ | |
− | + | background:#fff; | |
− | + | width:100%; | |
height:100vh; | 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:36%; | |
− | + | top:0vh; | |
− | + | margin-left:0; | |
− | + | } | |
− | + | .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; | ||
− | + | top:0%; | |
− | + | left:5%; | |
− | left: | + | background-size:90%; |
− | background-size: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
− | |||
− | |||
} | } | ||
− | . | + | .photocontent1{ |
− | font-family: | + | color: #000; |
− | font-size: | + | font-family:Arial; |
− | + | font-size: 18px; | |
− | + | text-decoration:none; | |
− | + | text-align: justify; | |
− | left: | + | margin-left : 8%; |
− | + | width:80%; | |
} | } | ||
− | . | + | |
− | background-image:url("https://static.igem.org/mediawiki/2015/ | + | .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; | ||
− | + | background-size:90%; | |
− | + | ||
− | + | ||
− | background-size: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
− | + | left:4%; | |
− | top: | + | top:0%; |
} | } | ||
− | . | + | |
− | font-family: | + | .photocontent2{ |
− | font-size: | + | color: #000; |
+ | font-family:Arial; | ||
+ | font-size: 18px; | ||
+ | text-decoration:none; | ||
+ | text-align: justify; | ||
position:absolute; | position:absolute; | ||
− | + | top:50%; | |
− | + | left:8%; | |
− | + | height:50%; | |
− | + | width:80%; | |
} | } | ||
− | .photo3{ | + | .photo3-3{ |
− | background-image:url("https://static.igem.org/mediawiki/2015/ | + | background-image:url("https://static.igem.org/mediawiki/2015/2/2c/Nctu_formosa_homepage_cell.png"); |
+ | height:100%; | ||
+ | width:100%; | ||
position:relative; | position:relative; | ||
− | + | background-size:50%; | |
− | + | background-repeat:no-repeat; | |
− | + | left:5%; | |
− | background-size: | + | top:0%; |
− | background-repeat: no-repeat; | + | |
− | top: | + | |
} | } | ||
− | . | + | |
− | color:#000; | + | .photocontent3{ |
− | font-family: | + | color: #000; |
− | font-size: | + | font-family:Arial; |
− | + | font-size: 18px; | |
− | + | text-decoration:none; | |
+ | text-align: justify; | ||
position:absolute; | position:absolute; | ||
− | left: | + | top:50%; |
− | + | left:8%; | |
− | + | 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; | ||
} | } | ||
− | . | + | .div3 img{ |
− | + | width:85%; | |
− | + | margin-left:7.5%; | |
− | + | } | |
− | + | </style> | |
− | + | </head> | |
− | + | ||
− | + | <body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | |||
− | + | <div class="div1"> | |
− | <div class=" | + | <div class="div1-1"> |
− | <div class=" | + | <video autoplay id="bgvid" controls="true"> |
− | + | <source src="https://static.igem.org/mediawiki/2015/0/09/Nctu_formosa_homepage_vide5.mp4" type="video/mp4"> | |
− | + | </source> | |
− | + | </video> | |
− | + | </div> | |
− | + | </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="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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</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.