Team:TAS Taipei/home

From 2014hs.igem.org

(Difference between revisions)
m (fixed)
Line 2: Line 2:
<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="static\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/less" type='css/less' href="https://2014hs.igem.org/Team:TAS_Taipei/css/igem_server_reset.less?action=raw&ctype=text/css">
Line 9: Line 11:
<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 24: Line 29:
<script>
<script>
$(document).ready(function() {
$(document).ready(function() {
-
console.log("LOL");
 
if(document.domain === "2014hs.igem.org")
if(document.domain === "2014hs.igem.org")
-
console.log("Removed");
 
$("style:eq(0)").remove();
$("style:eq(0)").remove();
});
});
</script>
</script>
-
  <script>
+
<script>
-
    $(function () {
+
$(function () {
-
          $("#slides").slidesjs({
+
        $("#slides").slidesjs({
-
          width: 940,
+
        width: 940,
-
          height: 500,
+
        height: 500,
-
              play: {
+
            play: {
-
                  active: false,
+
                active: false,
-
                  effect: "slide",
+
                effect: "slide",
-
                  interval: 5000,
+
                interval: 5000,
-
                  auto: true,
+
                auto: true,
-
                  swap: false,
+
                swap: false,
-
                  pauseOnHover: false,
+
                pauseOnHover: false,
-
                  restartDelay: 2500
+
                restartDelay: 2500
-
              },
+
            },
-
              navigation: false
+
            navigation: false
-
          })
+
        })
-
    });
+
});
-
  </script>
+
</script>
</head>
</head>
<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="https://2014hs.igem.org/Team:TAS_Taipei/static/tas_igemlogo.png" alt="" style="width: 100px;">
+
<a href="/" style='text-decoration: none'><img src="https://static.igem.org/mediawiki/2014hs/2/2f/Tas_igemlogo.png
-
        </div>
+
" alt="" style="width: 100px;"></a>
-
        <div class="col-lg-6" style='text-align:center;'>
+
</div>
-
          <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>
+
<div class="col-lg-6" style='text-align:center;'>
-
        </div>
+
<a href="/" style='text-decoration: none'>
-
        <div class="col-lg-3"></div>
+
<h2 style="font-family:Railway;letter-spacing:10px;color: white;  font-size: 65px;  margin-top: 0;  margin-bottom: 0;">E-MORTALITY</h2>
-
        <a href="httphttps://igem.org/HS"><img src="https://2014hs.igem.org/Team:TAS_Taipei/static/igem_logo.png" alt="" style="width: 100px;"></a>
+
</a>
-
        </div>
+
</div>
-
    </header>
+
<div class="col-lg-3"></div>
-
 
+
<a href="httphttps://igem.org/HS"><img src="https://static.igem.org/mediawiki/2014hs/0/08/Igem_logo.png" alt="" style="width: 100px;"></a>
-
 
+
</div>
-
    </div>
+
</header>
 +
</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="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="https://2014hs.igem.org/Team:TAS_Taipei/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>
-
        <div class='subcategories_container'>
+
<div class='subcategories_container'>
-
          <div><h5><a href="research">Research</a></h5></div>
+
<div>
-
          <div><h5><a href="application">Application</h5></div>
+
<h5><a href="project_abstract">Background</a></h5>
-
          <div><h5><a href="outreach">Outreach</h5></div>
+
</div>
-
        </div>
+
<div>
-
      </div>
+
<h5><a href="project_telomere_extension">Telomere Extension</a></h5>
-
    </li>
+
</div>
-
 
+
<div>
-
    <li class="dropdown">
+
<h5><a href="project_circuit_regulation">Circuit Regulation</a></h5>
-
      <a class="dropdown-toggle" data-toggle="dropdown">MODELING</a>
+
</div>
-
      <div class="dropdown-menu">
+
<div>
-
        <div style='height:100px;'>
+
<h5><a href="project_safety_termination">Safety Switch</a></h5>
-
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/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>
-
        </div>
+
<h5><a href="parts_submissions">Parts Submissions</a></h5>
-
        <div class='subcategories_container'>
+
</div>
-
          <div><h5>Telomere Extension</h5></div>
+
</div>
-
          <div><h5>Circuit Regulation</h5></div>
+
</div>
-
          <div><h5>Safety Switch</h5></div>
+
</li>
-
        </div>
+
<li class="dropdown">
-
      </div>
+
<a href="modeling_overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">MODELING</h4></a>
-
    </li>
+
<div class="dropdown-menu">
-
 
+
<div style='height:100px;'>
-
    <li class="dropdown">
+
<img src="https://static.igem.org/mediawiki/2014hs/f/f0/Experiments_icon.png">
-
      <a class="dropdown-toggle" data-toggle="dropdown">EXPERIMENTS</a>
+
<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 class="dropdown-menu">
+
</div>
-
        <div style='height:100px;'>
+
<div class='subcategories_container'>
-
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/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>
+
<h5>Telomere Extension</h5>
-
        </div>
+
</div>
-
        <div class='subcategories_container'>
+
<div>
-
          <div><h5>Telomere Extension</h5></div>
+
<h5>Circuit Regulation</h5>
-
          <div><h5>Circuit Regulation</h5></div>
+
</div>
-
          <div><h5>Safety Switch</h5></div>
+
<div>
-
        </div>
+
<h5>Safety Switch</h5>
-
      </div>
+
</div>
-
    </li>
+
</div>
-
 
+
</div>
-
    <li class="dropdown">
+
</li>
-
      <a class="dropdown-toggle" data-toggle="dropdown">SAFETY</a>
+
<li class="dropdown">
-
      <div class="dropdown-menu">
+
<a href="human_practice_overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">HUMAN PRACTICE</h4></a>
-
        <div style='height:100px;'>
+
<div class="dropdown-menu">
-
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
+
<div style='height:100px;'>
-
          <h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
+
<img src="https://static.igem.org/mediawiki/2014hs/8/8d/Human_practice_icon.png">
-
        </div>
+
<h4>Take a look at the research and outreach that shaped our entire E.Mortality project.</h4>
-
        <div class='subcategories_container'>
+
</div>
-
          <div><h5>Safety</h5></div>
+
<div class='subcategories_container'>
-
        </div>
+
<div>
-
      </div>
+
<h5><a href="research.html">Research</a></h5>
-
    </li>
+
</div>
-
 
+
<div>
-
    <li class="dropdown">
+
<h5>Application</h5>
-
      <a class="dropdown-toggle" data-toggle="dropdown">TEAM</a>
+
</div>
-
      <div class="dropdown-menu">
+
<div>
-
        <div style='height:100px;'>
+
<h5>Outreach</h5>
-
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
+
</div>
-
          <h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>
+
</div>
-
        </div>
+
</div>
-
        <div class='subcategories_container'>
+
</li>
-
          <div><h5>About</h5></div>
+
<li class="dropdown">
-
          <div><h5>Members</h5></div>
+
<a href="safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">SAFETY</h4></a>
-
        </div>
+
<div class="dropdown-menu">
-
      </div>
+
<div style='height:100px;'>
-
    </li>
+
<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>
-
    <li class="dropdown">
+
</div>
-
      <a class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK</a>
+
</div>
-
      <div class="dropdown-menu">
+
</li>
-
        <div style='height:100px;'>
+
<li class="dropdown">
-
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
+
<a href="team_overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">TEAM</h4></a>
-
          <h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>
+
<div class="dropdown-menu">
-
        </div>
+
<div style='height:100px;'>
-
        <div class='subcategories_container'>
+
<img src="https://static.igem.org/mediawiki/2014hs/a/aa/Team_icon.png">
-
          <div><h5>Experiments</h5></div>
+
<h4>Want to know more about us?  Sneak-a-peek and read about our interests and learn about where we are from.</h4>
-
          <div><h5>Meetings</h5></div>
+
</div>
-
          <div><h5><a href="calendar">Calendar</h5></div>
+
<div class='subcategories_container'>
-
        </div>
+
<div>
-
      </div>
+
<h5><a href="/team#members">Members</a></h5>
-
    </li>
+
</div>
-
    </ul>
+
<div>
-
 
+
<h5><a href="/team#tas">About</a></h5>
-
  </nav>
+
</div>
-
 
+
<div>
 +
<h5><a href="/attributions">Attributions</a></h5>
 +
</div>
 +
</div>
 +
</div>
 +
</li>
 +
<li class="dropdown">
 +
<a href="notebook"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">NOTEBOOK</h4></a>
 +
<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>Experiments</h5>
 +
</div>
 +
<div>
 +
<h5>Calendar</h5>
 +
</div>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 +
</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/d/da/DSC01696.jpg);">
-
            <h3 class="bottomleft red">SOME TEXT<span></span></h3>
+
<h3 class="bottomleft red">TAS iGEM<span></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/a/a0/IMG_2112.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 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_2130.jpg);">
+
<div class="heroImageContainer slidesjs-slide" style="background-image: url(https://static.igem.org/mediawiki/2014hs/e/ec/IMG_2130.jpg);">
-
            <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>
+
<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>
+
<div class="heroImageContainer slidesjs-slide" style="">
 +
<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>
-
   
+
-
        <footer class='row'>
+
<footer class='row'>
-
      <div class="cornered">
+
<div class="cornered">
-
        <img src="https://2014hs.igem.org/Team:TAS_Taipei/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: -88px;margin-left: 188px;">
-
      </div>
+
</div>
-
      <div class='footer_right'>
+
<div class='footer_right'>
-
        <a href="#">Taipei American School</a>
+
<a href="#">Taipei American School</a>
-
        <span>/</span>
+
<span>/</span>
-
        <a href="#">iGEM</a>
+
<a href="#">iGEM</a>
-
      </div>
+
</div>
-
    </footer>
+
</footer>
-
  </div>
+
</div>
-
  <div class="canvas-container"></div>
+
<div class="canvas-container"></div>
-
  <script>NUM_PARTICLES = 1000;</script>
+
<script>NUM_PARTICLES = 1000;</script>
-
  <script src='https://2014hs.igem.org/Team:TAS_Taipei/js/field_homepage.js?action=raw&ctype=text/javascript'></script>
+
<script src='https://2014hs.igem.org/Team:TAS_Taipei/js/field_homepage.js?action=raw&ctype=text/javascript'></script>
-
  <script>sketchItem.start();</script>
+
<script>sketchItem.start();</script>
</body>
</body>
</html>
</html>

Revision as of 02:19, 21 June 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"