Team:TAS Taipei/home

From 2014hs.igem.org

(Difference between revisions)
m
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="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="./igem_server_reset.less">
+
<link rel="stylesheet" href="https://2014hs.igem.org/Team:TAS_Taipei/css/bootstrap.min.css?action=raw&ctype=text/css">
-
<link rel="stylesheet" href="todc-bootstrap/css/bootstrap.min.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="todc-bootstrap/css/todc-bootstrap.min.css">
+
-
<link rel="stylesheet/less" type='css/less' href="./style.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="./homepage.less">
+
<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>
Line 18: Line 18:
<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>
-
<script src='./static/libs.min.js'></script>
+
<script src='https://2014hs.igem.org/Team:TAS_Taipei/js/libs.min.js?action=raw&ctype=text/javascript'></script>
<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'>
Line 24: Line 24:
<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;">
-
<a href="/" style='text-decoration: none'><img src="static/tas_igemlogo.png" alt="" style="width: 100px;"></a>
+
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/tas_igemlogo.png" alt="" style="width: 100px;">
-
</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'>
+
          <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>
-
<h2 style="font-family:Railway;letter-spacing:10px;color: white;  font-size: 65px;  margin-top: 0;  margin-bottom: 0;">E-MORTALITY</h2>
+
        </div>
-
</a>
+
        <div class="col-lg-3"></div>
-
</div>
+
        <a href="httphttps://igem.org/HS"><img src="https://2014hs.igem.org/Team:TAS_Taipei/static/igem_logo.png" alt="" style="width: 100px;"></a>
-
<div class="col-lg-3"></div>
+
        </div>
-
<a href="httphttps://igem.org/HS"><img src="static/igem_logo.png" alt="" style="width: 100px;"></a>
+
    </header>
-
</div>
+
 
-
</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 href="project_overview/"><h4 class="dropdown-toggle disabled" data-toggle="dropdown">PROJECT</h4></a>
+
      <a class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE</a>
-
<div class="dropdown-menu">
+
      <div class="dropdown-menu">
-
<div style='height:100px;'>
+
        <div style='height:100px;'>
-
<img src="static/project_icon.png">
+
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
-
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
+
          <h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
-
</div>
+
        </div>
-
<div class='subcategories_container'>
+
        <div class='subcategories_container'>
-
<div>
+
          <div><h5><a href="research">Research</a></h5></div>
-
<h5>Telomere Extension</h5>
+
          <div><h5><a href="application">Application</h5></div>
-
</div>
+
          <div><h5><a href="outreach">Outreach</h5></div>
-
<div>
+
        </div>
-
<h5>Circuit Regulation</h5>
+
      </div>
-
</div>
+
    </li>
-
<div>
+
 
-
<h5>Safety Switch</h5>
+
    <li class="dropdown">
-
</div>
+
      <a class="dropdown-toggle" data-toggle="dropdown">MODELING</a>
-
</div>
+
      <div class="dropdown-menu">
-
</div>
+
        <div style='height:100px;'>
-
</li>
+
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
-
<li class="dropdown">
+
          <h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
-
<a href="experiments_overview/"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">EXPERIMENTS</h4></a>
+
        </div>
-
<div class="dropdown-menu">
+
        <div class='subcategories_container'>
-
<div style='height:100px;'>
+
          <div><h5>Telomere Extension</h5></div>
-
<img src="static/experiments_icon.png">
+
          <div><h5>Circuit Regulation</h5></div>
-
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
+
          <div><h5>Safety Switch</h5></div>
-
</div>
+
        </div>
-
<div class='subcategories_container'>
+
      </div>
-
<div>
+
    </li>
-
<h5>Telomere Extension</h5>
+
 
-
</div>
+
    <li class="dropdown">
-
<div>
+
      <a class="dropdown-toggle" data-toggle="dropdown">EXPERIMENTS</a>
-
<h5>Circuit Regulation</h5>
+
      <div class="dropdown-menu">
-
</div>
+
        <div style='height:100px;'>
-
<div>
+
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
-
<h5>Safety Switch</h5>
+
          <h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
-
</div>
+
        </div>
-
</div>
+
        <div class='subcategories_container'>
-
</div>
+
          <div><h5>Telomere Extension</h5></div>
-
</li>
+
          <div><h5>Circuit Regulation</h5></div>
-
<li class="dropdown">
+
          <div><h5>Safety Switch</h5></div>
-
<a href="human_practice_overview/"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">HUMAN PRACTICE</h4></a>
+
        </div>
-
<div class="dropdown-menu">
+
      </div>
-
<div style='height:100px;'>
+
    </li>
-
<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>
+
    <li class="dropdown">
-
</div>
+
      <a class="dropdown-toggle" data-toggle="dropdown">SAFETY</a>
-
<div class='subcategories_container'>
+
      <div class="dropdown-menu">
-
<div>
+
        <div style='height:100px;'>
-
<h5><a href="research.html">Research</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>Application</h5>
+
        <div class='subcategories_container'>
-
</div>
+
          <div><h5>Safety</h5></div>
-
<div>
+
        </div>
-
<h5>Outreach</h5>
+
      </div>
-
</div>
+
    </li>
-
</div>
+
 
-
</div>
+
    <li class="dropdown">
-
</li>
+
      <a class="dropdown-toggle" data-toggle="dropdown">TEAM</a>
-
<li class="dropdown">
+
      <div class="dropdown-menu">
-
<a href="safety_overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">SAFETY</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.</h4>
-
<img src="static/safety_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>
+
          <div><h5>About</h5></div>
-
<div class='subcategories_container'>
+
          <div><h5>Members</h5></div>
-
<div>
+
        </div>
-
<h5>Safety</h5>
+
      </div>
-
</div>
+
    </li>
-
</div>
+
 
-
</div>
+
    <li class="dropdown">
-
</li>
+
      <a class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK</a>
-
<li class="dropdown">
+
      <div class="dropdown-menu">
-
<a href="team_overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">TEAM</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.</h4>
-
<img src="static/team_icon.png">
+
        </div>
-
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>
+
        <div class='subcategories_container'>
-
</div>
+
          <div><h5>Experiments</h5></div>
-
<div class='subcategories_container'>
+
          <div><h5>Meetings</h5></div>
-
<div>
+
          <div><h5><a href="calendar">Calendar</h5></div>
-
<h5>About</h5>
+
        </div>
-
</div>
+
      </div>
-
<div>
+
    </li>
-
<h5>Members</h5>
+
    </ul>
-
</div>
+
 
-
</div>
+
  </nav>
-
</div>
+
 
-
</li>
+
-
<li class="dropdown">
+
-
<a href="notebook_overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">NOTEBOOK</h4></a>
+
-
<div class="dropdown-menu">
+
-
<div style='height:100px;'>
+
-
<img src="static/notes_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>
+
-
</nav>
+
</div>
</div>
-
<div id='bodycontainer' class='row' style=''>
+
    <div id='bodycontainer' class='row' style=''>
-
<div id="slides" class='col-lg-12 full'>
+
        <div id="slides" class='col-lg-12'>
-
<div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/DSC01696.jpg);">
+
          <div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/DSC01696.jpg);">
-
<h3 class="bottomleft red">SOME TEXT<span></span></h3>
+
            <h3 class="bottomleft red">SOME TEXT<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(photos/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">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>
-
</div>
+
          </div>
-
<div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/IMG_2130.jpg);">
+
          <div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/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">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>
-
</div>
+
          </div>
-
</div>
+
        </div>
-
</div>
+
    </div>
-
+
   
-
<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://2014hs.igem.org/Team:TAS_Taipei/static/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='./static/field_homepage.js'></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 06:57, 20 June 2014

TAS Taipei iGEM Wiki

E-MORTALITY

SOME TEXT

MORE TEXTLorem 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.

AND MORE TEXT...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.

Retrieved from "http://2014hs.igem.org/Team:TAS_Taipei/home"