Team:TAS Taipei/home

From 2014hs.igem.org

(Difference between revisions)
m
Line 1: Line 1:
 +
 +
<!DOCTYPE html>
<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="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" href="https://2014hs.igem.org/Team:TAS_Taipei/css/bootstrap.min.css?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/todc-bootstrap.min.css?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="todc-bootstrap/css/bootstrap.min.css">
 +
<link rel="stylesheet" href="todc-bootstrap/css/todc-bootstrap.min.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="./style.less">
-
<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="./homepage.less">
<script>localStorage.clear();</script>
<script>localStorage.clear();</script>
Line 18: Line 20:
<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='https://2014hs.igem.org/Team:TAS_Taipei/js/libs.min.js?action=raw&ctype=text/javascript'></script>
+
<script src='./static/libs.min.js'></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 26:
<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="static/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="/" style='text-decoration: none'>
-
        </div>
+
<h2 style="font-family:Railway;letter-spacing:10px;color: white;  font-size: 65px;  margin-top: 0;  margin-bottom: 0;">E-MORTALITY</h2>
-
        <div class="col-lg-3"></div>
+
</a>
-
        <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>
-
        </div>
+
<div class="col-lg-3"></div>
-
    </header>
+
<a href="httphttps://igem.org/HS"><img src="static/igem_logo.png" alt="" style="width: 100px;"></a>
-
 
+
</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 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="static/project_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><h5><a href="research">Research</a></h5></div>
+
<div>
-
          <div><h5><a href="application">Application</h5></div>
+
<h5>Telomere Extension</h5>
-
          <div><h5><a href="outreach">Outreach</h5></div>
+
</div>
-
        </div>
+
<div>
-
      </div>
+
<h5>Circuit Regulation</h5>
-
    </li>
+
</div>
-
 
+
<div>
-
    <li class="dropdown">
+
<h5>Safety Switch</h5>
-
      <a class="dropdown-toggle" data-toggle="dropdown">MODELING</a>
+
</div>
-
      <div class="dropdown-menu">
+
</div>
-
        <div style='height:100px;'>
+
</div>
-
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
+
</li>
-
          <h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
+
<li class="dropdown">
-
        </div>
+
<a href="experiments_overview/"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">EXPERIMENTS</h4></a>
-
        <div class='subcategories_container'>
+
<div class="dropdown-menu">
-
          <div><h5>Telomere Extension</h5></div>
+
<div style='height:100px;'>
-
          <div><h5>Circuit Regulation</h5></div>
+
<img src="static/experiments_icon.png">
-
          <div><h5>Safety Switch</h5></div>
+
<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'>
-
    </li>
+
<div>
-
 
+
<h5>Telomere Extension</h5>
-
    <li class="dropdown">
+
</div>
-
      <a class="dropdown-toggle" data-toggle="dropdown">EXPERIMENTS</a>
+
<div>
-
      <div class="dropdown-menu">
+
<h5>Circuit Regulation</h5>
-
        <div style='height:100px;'>
+
</div>
-
          <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>Safety Switch</h5>
-
        </div>
+
</div>
-
        <div class='subcategories_container'>
+
</div>
-
          <div><h5>Telomere Extension</h5></div>
+
</div>
-
          <div><h5>Circuit Regulation</h5></div>
+
</li>
-
          <div><h5>Safety Switch</h5></div>
+
<li class="dropdown">
-
        </div>
+
<a href="human_practice_overview/"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">HUMAN PRACTICE</h4></a>
-
      </div>
+
<div class="dropdown-menu">
-
    </li>
+
<div style='height:100px;'>
-
 
+
<img src="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 class="dropdown-toggle" data-toggle="dropdown">SAFETY</a>
+
</div>
-
      <div class="dropdown-menu">
+
<div class='subcategories_container'>
-
        <div style='height:100px;'>
+
<div>
-
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
+
<h5><a href="research.html">Research</a></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'>
+
<h5>Application</h5>
-
          <div><h5>Safety</h5></div>
+
</div>
-
        </div>
+
<div>
-
      </div>
+
<h5>Outreach</h5>
-
    </li>
+
</div>
-
 
+
</div>
-
    <li class="dropdown">
+
</div>
-
      <a class="dropdown-toggle" data-toggle="dropdown">TEAM</a>
+
</li>
-
      <div class="dropdown-menu">
+
<li class="dropdown">
-
        <div style='height:100px;'>
+
<a href="safety_overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">SAFETY</h4></a>
-
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
+
<div class="dropdown-menu">
-
          <h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>
+
<div style='height:100px;'>
-
        </div>
+
<img src="static/safety_icon.png">
-
        <div class='subcategories_container'>
+
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>
-
          <div><h5>About</h5></div>
+
</div>
-
          <div><h5>Members</h5></div>
+
<div class='subcategories_container'>
-
        </div>
+
<div>
-
      </div>
+
<h5>Safety</h5>
-
    </li>
+
</div>
-
 
+
</div>
-
    <li class="dropdown">
+
</div>
-
      <a class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK</a>
+
</li>
-
      <div class="dropdown-menu">
+
<li class="dropdown">
-
        <div style='height:100px;'>
+
<a href="team_overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">TEAM</h4></a>
-
          <img src="https://2014hs.igem.org/Team:TAS_Taipei/static/human_practice_icon.png">
+
<div class="dropdown-menu">
-
          <h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>
+
<div style='height:100px;'>
-
        </div>
+
<img src="static/team_icon.png">
-
        <div class='subcategories_container'>
+
<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>
-
          <div><h5>Experiments</h5></div>
+
</div>
-
          <div><h5>Meetings</h5></div>
+
<div class='subcategories_container'>
-
          <div><h5><a href="calendar">Calendar</h5></div>
+
<div>
-
        </div>
+
<h5>About</h5>
-
      </div>
+
</div>
-
    </li>
+
<div>
-
    </ul>
+
<h5>Members</h5>
-
 
+
</div>
-
  </nav>
+
</div>
-
 
+
</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'>
+
<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(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="https://2014hs.igem.org/Team:TAS_Taipei/static/tas_igemlogo.png" alt="" style="width: 67px;margin-top: -88px;margin-left: 188px;">
+
<img src="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='https://2014hs.igem.org/Team:TAS_Taipei/js/field_homepage.js?action=raw&ctype=text/javascript'></script>
+
<script src='./static/field_homepage.js'></script>
-
  <script>sketchItem.start();</script>
+
<script>sketchItem.start();</script>
</body>
</body>
</html>
</html>

Revision as of 06:54, 20 June 2014

<!DOCTYPE html> TAS Taipei iGEM Wiki

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.