Team:TAS Taipei/home

From 2014hs.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
-
 
-
 
<html>
<html>
-
 
<head>
<head>
<title>TAS Taipei iGEM Wiki</title>
<title>TAS Taipei iGEM Wiki</title>
-
<link rel="shortcut icon" href="static\tas_igemlogo.png">
+
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014hs/2/2f/Tas_igemlogo.png">
 +
 
 +
<!-- <link rel="stylesheet/less" type='css/less' href="./igem_server_reset.less"> -->
 +
<link rel="stylesheet/less" type='css/less' href="https://2014hs.igem.org/Team:TAS_Taipei/css/igem_server_reset.less?action=raw&ctype=text/css">
<link rel="stylesheet" href="https://2014hs.igem.org/Team:TAS_Taipei/css/bootstrap.min.css?action=raw&ctype=text/css">
<link rel="stylesheet" href="https://2014hs.igem.org/Team:TAS_Taipei/css/bootstrap.min.css?action=raw&ctype=text/css">
<link rel="stylesheet" href="https://2014hs.igem.org/Team:TAS_Taipei/css/todc-bootstrap.min.css?action=raw&ctype=text/css">
<link rel="stylesheet" href="https://2014hs.igem.org/Team:TAS_Taipei/css/todc-bootstrap.min.css?action=raw&ctype=text/css">
 +
<!--
 +
<link rel="stylesheet/less" type='css/less' href="./style.less">
 +
<link rel="stylesheet/less" type='css/less' href="./homepage.less"> -->
<link rel="stylesheet/less" type='css/less' href="https://2014hs.igem.org/Team:TAS_Taipei/css/style.less?action=raw&ctype=text/css">
<link rel="stylesheet/less" type='css/less' href="https://2014hs.igem.org/Team:TAS_Taipei/css/style.less?action=raw&ctype=text/css">
<link rel="stylesheet/less" type='css/less' href="https://2014hs.igem.org/Team:TAS_Taipei/css/homepage.less?action=raw&ctype=text/css">
<link rel="stylesheet/less" type='css/less' href="https://2014hs.igem.org/Team:TAS_Taipei/css/homepage.less?action=raw&ctype=text/css">
<script>localStorage.clear();</script>
<script>localStorage.clear();</script>
-
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.0/less.min.js"></script>
+
<script src="//cdn.jsdelivr.net/less/1.7.1/less.min.js"></script>
-
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
-
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js'></script>
+
<!--<script src='//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js'></script>-->
<script src='//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js'></script>
<script src='//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js'></script>
<script src="//cdn.jsdelivr.net/slidesjs/3.0.4/jquery.slides.min.js"></script>
<script src="//cdn.jsdelivr.net/slidesjs/3.0.4/jquery.slides.min.js"></script>
Line 23: Line 26:
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
 +
<script>
 +
$(document).ready(function() {
 +
//if(document.domain === "2014hs.igem.org")
 +
// setTimeout(function() {
 +
$("style:eq(0)").remove();
 +
// }, 500);
 +
});
 +
</script>
<script>
<script>
Line 47: Line 58:
<body>
<body>
<div class="container" style='z-index:10;position:relative;'>
<div class="container" style='z-index:10;position:relative;'>
-
<div class="row">
+
<div class="row">
-
<div class="col-lg-12 full">
+
<div class="col-lg-12 full">
<header style='height:95px;margin-top:20px;'>
<header style='height:95px;margin-top:20px;'>
<div class="row">
<div class="row">
<div class="col-lg-3" style="text-align: right;">
<div class="col-lg-3" style="text-align: right;">
-
<img src="static/tas_igemlogo.png" alt="" style="width: 100px;">
+
<a href="https://2014hs.igem.org/Team:TAS_Taipei" style='text-decoration: none'><img src="https://static.igem.org/mediawiki/2014hs/2/2f/Tas_igemlogo.png
 +
" alt="" style="width: 100px;"></a>
</div>
</div>
<div class="col-lg-6" style='text-align:center;'>
<div class="col-lg-6" style='text-align:center;'>
-
<a href="/" style='text-decoration: none'><h2 style="font-family:Railway;letter-spacing:10px;color: white;  font-size: 65px;  margin-top: 0;  margin-bottom: 0;">E-MORTALITY</h2></a>
+
<a href="https://2014hs.igem.org/Team:TAS_Taipei" style='text-decoration: none'>
 +
<h2 style="font-family:Railway;letter-spacing:10px;color: white;  font-size: 65px;  margin-top: 0;  margin-bottom: 0;">E-MORTALITY</h2>
 +
</a>
</div>
</div>
<div class="col-lg-3"></div>
<div class="col-lg-3"></div>
-
<a href="httphttps://igem.org/HS"><img src="static/igem_logo.png" alt="" style="width: 100px;"></a>
+
<a href="https://2014hs.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014hs/0/08/Igem_logo.png" alt="" style="width: 100px;"></a>
-
</div>
+
</div>
</header>
</header>
-
 
+
</div>
-
 
+
-
</div>
+
</div>
</div>
-
 
<div class="row">
<div class="row">
<nav style='-webkit-transform: translateZ(0);z-index: 100;position: relative;'>
<nav style='-webkit-transform: translateZ(0);z-index: 100;position: relative;'>
<ul>
<ul>
-
<li class="dropdown">
+
<li class="dropdown">
-
<a class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE</a>
+
<a href="https://2014hs.igem.org/Team:TAS_Taipei/project/overview"><h4 class="dropdown-toggle disabled" data-toggle="dropdown">PROJECT</h4></a>
-
<div class="dropdown-menu">
+
<div class="dropdown-menu">
-
<div style='height:100px;'>
+
<div style='height:100px;'>
-
<img src="static/human_practice_icon.png">
+
<img src="https://static.igem.org/mediawiki/2014hs/2/23/Project_icon.PNG">
-
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
+
<h4>Telomere extension. Prolongation of cell life.  Explore our three component system that not only extends telomeres, but regulates the length and ensures safety.</h4>
 +
</div>
 +
<div class='subcategories_container'>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/project/abstract">Background</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/project/telomere_extension">Telomere Extension</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/project/circuit_regulation">Circuit Regulation</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/project/safety_switch">Safety Switch</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/project/parts_submissions">Parts Submissions</a></h5>
 +
</div>
 +
</div>
</div>
</div>
-
<div class='subcategories_container'>
+
</li>
-
<div><h5><a href="research.html">Research</a></h5></div>
+
<li class="dropdown">
-
<div><h5>Application</h5></div>
+
<a href="https://2014hs.igem.org/Team:TAS_Taipei/modeling/overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">MODELING</h4></a>
-
<div><h5>Outreach</h5></div>
+
<div class="dropdown-menu">
 +
<div style='height:100px;'>
 +
<img src="https://static.igem.org/mediawiki/2014hs/f/f0/Experiments_icon.png">
 +
<h4>Computational biology is becoming more reliable as a predictor of experimental data.  Click to see how modeling helped us decide what experimental steps to take.</h4>
 +
</div>
 +
<div class='subcategories_container'>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/modeling/telomere_extension">Telomere Extension</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/modeling/circuit_regulation">Circuit Regulation</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/modeling/safety_switch">Safety Switch</a></h5>
 +
</div>
 +
</div>
</div>
</div>
-
</div>
+
</li>
-
</li>
+
<li class="dropdown">
-
 
+
<a href="https://2014hs.igem.org/Team:TAS_Taipei/human_practice/overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">HUMAN PRACTICE</h4></a>
-
<li class="dropdown">
+
<div class="dropdown-menu">
-
<a class="dropdown-toggle" data-toggle="dropdown">MODELING</a>
+
<div style='height:100px;'>
-
<div class="dropdown-menu">
+
<img src="https://static.igem.org/mediawiki/2014hs/8/8d/Human_practice_icon.png">
-
<div style='height:100px;'>
+
<h4>Take a look at the research and outreach that shaped our entire E.Mortality project.</h4>
-
<img src="static/human_practice_icon.png">
+
</div>
-
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
+
<div class='subcategories_container'>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/human_practice/research">Research</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/human_practice/application">Application</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/human_practice/outreach">Outreach</a></h5>
 +
</div>
 +
</div>
</div>
</div>
-
<div class='subcategories_container'>
+
</li>
-
<div><h5>Telomere Extension</h5></div>
+
<li class="dropdown">
-
<div><h5>Circuit Regulation</h5></div>
+
<a href="https://2014hs.igem.org/Team:TAS_Taipei/safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">SAFETY</h4></a>
-
<div><h5>Safety Switch</h5></div>
+
<div class="dropdown-menu">
 +
<div style='height:100px;'>
 +
<img src="https://static.igem.org/mediawiki/2014hs/5/52/Safety_icon.png">
 +
<h4>Lab safety is of utmost importance.  Here are the precautions we've taken to maximize our lab safety.</h4>
 +
</div>
</div>
</div>
-
</div>
+
</li>
-
</li>
+
<li class="dropdown">
-
 
+
<a href="https://2014hs.igem.org/Team:TAS_Taipei/team/overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">TEAM</h4></a>
-
<li class="dropdown">
+
<div class="dropdown-menu">
-
<a class="dropdown-toggle" data-toggle="dropdown">EXPERIMENTS</a>
+
<div style='height:100px;'>
-
<div class="dropdown-menu">
+
<img src="https://static.igem.org/mediawiki/2014hs/a/aa/Team_icon.png">
-
<div style='height:100px;'>
+
<h4>Want to know more about us?  Sneak-a-peek and read about our interests and learn about where we are from.</h4>
-
<img src="static/human_practice_icon.png">
+
</div>
-
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
+
<div class='subcategories_container'>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/team/members">Members</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/about">About</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TAS_Taipei/attributions">Attributions</a></h5>
 +
</div>
 +
</div>
</div>
</div>
-
<div class='subcategories_container'>
+
</li>
-
<div><h5>Telomere Extension</h5></div>
+
<li class="dropdown">
-
<div><h5>Circuit Regulation</h5></div>
+
<a href="https://2014hs.igem.org/Team:TSA_Taipei/notebook"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">NOTEBOOK</h4></a>
-
<div><h5>Safety Switch</h5></div>
+
<div class="dropdown-menu">
 +
<div style='height:100px;'>
 +
<img src="https://static.igem.org/mediawiki/2014hs/4/4f/Notes_icon.png">
 +
<h4>Organization is key.  Our calendar and wet-lab notebook are located here.</h4>
 +
</div>
 +
<div class='subcategories_container'>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TSA_Taipei/notebook/experiments">Experiments</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2014hs.igem.org/Team:TSA_Taipei/notebook/calendar">Calendar</a></h5>
 +
</div>
 +
</div>
</div>
</div>
-
</div>
+
</li>
-
</li>
+
-
 
+
-
<li class="dropdown">
+
-
<a class="dropdown-toggle" data-toggle="dropdown">SAFETY</a>
+
-
<div class="dropdown-menu">
+
-
<div style='height:100px;'>
+
-
<img src="static/human_practice_icon.png">
+
-
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
+
-
</div>
+
-
<div class='subcategories_container'>
+
-
<div><h5>Safety</h5></div>
+
-
</div>
+
-
</div>
+
-
</li>
+
-
 
+
-
<li class="dropdown">
+
-
<a class="dropdown-toggle" data-toggle="dropdown">TEAM</a>
+
-
<div class="dropdown-menu">
+
-
<div style='height:100px;'>
+
-
<img src="static/human_practice_icon.png">
+
-
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>
+
-
</div>
+
-
<div class='subcategories_container'>
+
-
<div><h5>About</h5></div>
+
-
<div><h5>Members</h5></div>
+
-
</div>
+
-
</div>
+
-
</li>
+
-
 
+
-
<li class="dropdown">
+
-
<a class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK</a>
+
-
<div class="dropdown-menu">
+
-
<div style='height:100px;'>
+
-
<img src="static/human_practice_icon.png">
+
-
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>
+
-
</div>
+
-
<div class='subcategories_container'>
+
-
<div><h5>Experiments</h5></div>
+
-
<div><h5>Meetings</h5></div>
+
-
<div><h5>Calendar</h5></div>
+
-
</div>
+
-
</div>
+
-
</li>
+
</ul>
</ul>
-
 
</nav>
</nav>
-
 
</div>
</div>
-
<div id='bodycontainer' class='row' style=''>
+
<div id='bodycontainer' class='row' style='padding-top:0px;'>
-
<div id="slides" class='col-lg-12'>
+
<div id="slides" class='col-lg-12 full'>
-
<div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/DSC01696.jpg);">
+
<div class="heroImageContainer slidesjs-slide" style="background-image: url(https://static.igem.org/mediawiki/2014hs/9/99/10506766_10204249446575703_2898362491284172257_o2.jpg);">
-
<h3 class="bottomleft red">SOME TEXT<span></span></h3>
+
</div>
 +
<div class="heroImageContainer slidesjs-slide" style="background-image: url(https://static.igem.org/mediawiki/2014hs/d/da/DSC01696.jpg);">
 +
<h3 class="bottomleft red">TAS iGEM<span></span></h3>
 +
</div>
 +
<div class="heroImageContainer slidesjs-slide" style="background-image: url(https://static.igem.org/mediawiki/2014hs/a/a0/IMG_2112.jpg);">
 +
<h3 class="bottomright green">Dean Huang<span>"In Biology we learn about PCR and plasmid extraction, etc., but we never get to actually do it.  With iGEM we get to practice what we learn in the classroom."</span></h3>
</div>
</div>
-
<div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/IMG_2112.jpg);">
+
<div class="heroImageContainer slidesjs-slide" style="background-image: url(https://static.igem.org/mediawiki/2014hs/e/ec/IMG_2130.jpg);">
-
<h3 class="bottomright green">MORE TEXT<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, doloremque, praesentium quod accusamus quasi nulla incidunt aliquid aut corporis recusandae numquam hic culpa alias debitis consequatur! Blanditiis, minus tenetur reprehenderit.</span></h3>
+
<h3 class="bottomright blue">Rachel Kwak<span>"Through iGEM I can apply biology and chemistry concepts that I learned in class into real-world applications"</span></h3>
</div>
</div>
-
<div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/IMG_2130.jpg);">
+
<div class="heroImageContainer slidesjs-slide" style="">
-
<h3 class="bottomright blue">AND MORE TEXT...<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, doloremque, praesentium quod accusamus quasi nulla incidunt aliquid aut corporis recusandae numquam hic culpa alias debitis consequatur! Blanditiis, minus tenetur reprehenderit.</span></h3>
+
<iframe width="1077" height="606" src="//www.youtube.com/embed/smai4njKY-M" frameborder="0" allowfullscreen style='margin-top:-606px;margin-left:30px;'></iframe>
</div>
</div>
</div>
</div>
Line 180: Line 220:
<footer class='row'>
<footer class='row'>
<div class="cornered">
<div class="cornered">
-
<img src="static/tas_igemlogo.png" alt="" style="width: 67px;margin-top: -88px;margin-left: 188px;">
+
<img src="https://static.igem.org/mediawiki/2014hs/2/2f/Tas_igemlogo.png" alt="" style="width: 67px;margin-top: -60px;margin-left: 188px;">
</div>
</div>
<div class='footer_right'>
<div class='footer_right'>
-
<a href="#">Taipei American School</a>
+
<a href="http://www.tas.edu.tw/">Taipei American School</a>
<span>/</span>
<span>/</span>
-
<a href="#">iGEM</a>
+
<a href="https://2014hs.igem.org">iGEM</a>
</div>
</div>
</footer>
</footer>

Latest revision as of 11:30, 23 July 2014

TAS Taipei iGEM Wiki

TAS iGEM

Dean Huang"In Biology we learn about PCR and plasmid extraction, etc., but we never get to actually do it. With iGEM we get to practice what we learn in the classroom."

Rachel Kwak"Through iGEM I can apply biology and chemistry concepts that I learned in class into real-world applications"