Team:Hong Kong HKUST/prealpha index

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html>
<html>
<html>
-
<head>
+
<head>
 +
 +
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/indexpage.css&action=raw&ctype=text/css" type="text/css" >
 +
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
  $(window).scroll(function(){
 +
var scrollTop = $(window).scrollTop();
 +
if (scrollTop > 49) {
 +
$('#menu').addClass('fixed');
 +
} else {
 +
$('#menu').removeClass('fixed');
 +
}
 +
  });
 +
});
-
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/indexpage.css&action=raw&ctype=text/css" type="text/css" >
+
</script>
-
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
+
-
<script>
+
<script>
-
$(document).ready(function(){
+
var on = true;
-
$(window).scroll(function(){
+
var myVar = setInterval(function(){ if(on) {slides()}on=true;},3000);
-
var scrollTop = $(window).scrollTop();
+
-
if (scrollTop > 49) {
+
-
$('#menu').addClass('fixed');
+
-
} else {
+
-
$('#menu').removeClass('fixed');
+
-
}
+
-
});
+
-
});
+
-
</script>
+
function slides(i) {
 +
  document.getElementsByClassName("slide_pic")[1].style.width="0px";
 +
  document.getElementsByClassName("slide_pic")[2].style.width="100%";
 +
  var slide = document.getElementsByClassName("slide_pic")[0];
 +
  document.getElementById("slide").appendChild(slide);
 +
  if(i) {
 +
  on = false;
 +
  }
 +
}
 +
function back_slide(i) {
 +
  document.getElementsByClassName("slide_pic")[1].style.width="0px";
 +
  document.getElementsByClassName("slide_pic")[0].style.width="100%";
 +
  var slide = document.getElementsByClassName("slide_pic")[4];
 +
  var slide2 = document.getElementsByClassName("slide_pic")[0];
 +
  document.getElementById("slide").insertBefore(slide,slide2);
 +
  if(i) {
 +
  on = false;
 +
  }
 +
}
 +
</script>
 +
</head>
-
<script>
+
<body>
-
var on = true;
+
<div id='nav_container'>
-
var myVar = setInterval(function(){ if(on) {slides()}on=true;},3000);
+
<nav>
 +
 +
<ul id="menu">
 +
<li><a href="#">Home</a></li>
 +
        <li><a href="#">Team</a>
 +
        <!-- First Tier Drop Down -->
 +
        <ul>
 +
            <li><a href="#">Members</a></li>
 +
            <li><a href="#">Advisers</a></li>
 +
            <li><a href="#">Instructor</a></li>
 +
        </ul>       
 +
        </li>
 +
        <li><a href="#">Project</a>
 +
        <!-- First Tier Drop Down -->
 +
        <ul>
 +
            <li><a href="#">Main Project</a>
 +
<ul>
 +
                <li><a href="#">Overview</a></li>
 +
                <li><a href="#">Module one </a></li>
 +
                <li><a href="#">Module two</a></li>
 +
<li><a href="#">Data</a></li>
 +
<li><a href="#">Characterization</a></li>
 +
            </ul></li>
 +
            <li><a href="#">Side Project</a>
 +
<ul>
 +
                <li><a href="#">Overview</a></li>
 +
                <li><a href="#">Parts</a></li>
 +
                <li><a href="#">Catalogue</a></li>
 +
<li><a href="#">Feature pages</a></li>
 +
            </ul></li>
 +
       
 +
        </ul>
 +
        </li>
 +
        <li><a href="#">Human Practice</a>
 +
<ul>
 +
                <li><a href="#">Overview</a></li>
 +
                <li><a href="#">Start up kit</a>
 +
<ul>
 +
<li><a href="#">Interview</a></li>
 +
<li><a href="#">Report</a></li>
 +
<li><a href="#">Database</a></li>
 +
</ul></li>
 +
                <li><a href="#">Talks</a></li>
 +
<li><a href="#">Outreach</a></li>
 +
            </ul></li>
 +
        <li><a href="#">wetlab</a>
 +
<ul>
 +
<li><a href="#">Protocol</a></li>
 +
<li><a href="#">Notebook</a></li>
 +
<li><a href="#">Safety</a></li>
 +
</ul></li>
 +
        <li><a href="#">Achievement</a>
 +
<ul>
 +
<li><a href="#">Medal Requirement</a></li>
 +
<li><a href="#">Deliverable</a></li>
 +
</ul></li>
 +
</ul>
 +
 +
</nav>
 +
</div>
 +
<h1> </h1>
 +
<!-- ================ do not touch any thing above this, dont even think about it =========================-->
 +
 +
</div>
 +
<h1> </h1>
 +
<div id="content_container">
 +
<div class= "banner_area">
 +
<img src= 'banner_mod.png' />
-
function slides(i) {
+
</div>
-
document.getElementsByClassName("slide_pic")[1].style.width="0px";
+
<hr>
-
document.getElementsByClassName("slide_pic")[2].style.width="100%";
+
<section id="slide">
-
var slide = document.getElementsByClassName("slide_pic")[0];
+
<button onclick="back_slide(true)" class="prev">&#171;</button>
-
document.getElementById("slide").appendChild(slide);
+
<button onclick="slides(true)" class="next">&#187;</button>
-
if(i) {
+
<div class="slide_pic">
-
on = false;
+
<img class="picture" src="Photos/1.jpg"/>
-
}
+
</div>
-
}
+
<div class="slide_pic">
-
function back_slide(i) {
+
<img src="Photos/2.jpg"/>
-
document.getElementsByClassName("slide_pic")[1].style.width="0px";
+
</div>
-
document.getElementsByClassName("slide_pic")[0].style.width="100%";
+
<div class="slide_pic">
-
var slide = document.getElementsByClassName("slide_pic")[4];
+
<img src="Photos/3.jpg"/>
-
var slide2 = document.getElementsByClassName("slide_pic")[0];
+
</div>
-
document.getElementById("slide").insertBefore(slide,slide2);
+
<div class="slide_pic">
-
if(i) {
+
<img src="Photos/4.jpg"/>
-
on = false;
+
</div>
-
}
+
<div class="slide_pic">
-
}
+
<img src="Photos/5.jpg"/>
-
</script>
+
</div>
 +
</section>
 +
<!-- Work of Juston Cheney -->
-
</head>
+
<hr>
-
<body>
 
-
<div id='nav_container'>
 
-
<nav>
 
-
<ul id="menu">
+
<div class= "project_area">
-
<li><a href="#">Home</a></li>
+
<table class = "project_table" align= "center">
-
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team">Team</a>
+
<tr>
-
<!-- First Tier Drop Down -->
+
-
<ul>
+
<td><a href="#"><div class = 'project_box'>
-
<li><a href="#">Members</a></li>
+
<h4>Main project</h4>
-
<li><a href="#">Advisers</a></li>
+
<p>pneumosensor</p>
-
<li><a href="#">Instructor</a></li>
+
</div></a></td>
-
</ul>       
+
-
</li>
+
-
<li><a href="#">Project</a>
+
-
<!-- First Tier Drop Down -->
+
-
<ul>
+
-
<li><a href="#">Main Project</a>
+
-
<ul>
+
-
<li><a href="#">Overview</a></li>
+
-
<li><a href="#">module one </a></li>
+
-
<li><a href="#">module two</a></li>
+
-
<li><a href="#">data</a></li>
+
-
<li><a href="#">characterization</a></li>
+
-
</ul></li>
+
-
<li><a href="#">Side Project</a>
+
-
<ul>
+
-
<li><a href="#">overview</a></li>
+
-
<li><a href="#">part</a></li>
+
-
<li><a href="#">catalogue</a></li>
+
-
<li><a href="#">feature pages</a></li>
+
-
</ul></li>
+
-
</ul>
+
-
</li>
+
<td><a href="#"><div class= 'project_box'>
-
<li><a href="#">Human Practice</a>
+
<h4>Side Project</h4>
-
<ul>
+
<p>Cis-repressive/ Trans-activating riboregulator</p>
-
<li><a href="#">overview</a></li>
+
</div></a></td>
-
<li><a href="#">Start up kit</a>
+
-
<ul>
+
-
<li><a href="#">interview</a></li>
+
-
<li><a href="#">Report</a></li>
+
-
<li><a href="#">Database</a></li>
+
-
</ul></li>
+
-
<li><a href="#">Talks</a></li>
+
-
<li><a href="#">Outreach</a></li>
+
-
</ul></li>
+
-
<li><a href="#">wetlab</a>
+
-
<ul>
+
-
<li><a href="#">Protocol</a></li>
+
-
<li><a href="#">Notebook</a></li>
+
-
<li><a href="#">safety</a></li>
+
-
</ul></li>
+
-
<li><a href="#">Achievement</a>
+
-
<ul>
+
-
<li><a href="#">Medal Requirement</a></li>
+
-
<li><a href="#">deliverable</a></li>
+
-
</ul></li>
+
-
</ul>
+
-
</nav>
+
-
</div>
+
</tr>
-
<h1> </h1>
+
</table>
-
<div id="content_container">
+
</div>
-
<div class= "banner_area">
+
<hr>
-
<img src= 'banner_mod.png' />
+
<table class= 'quick_link_area' align= "center">
 +
<tr class= "quick_link_row">
 +
 +
<td class= "quick_link_button">
 +
<a href="#"><div class= "quick_link_container">
 +
<h4>Project</h4>
 +
<p>can here have some description about project?</p>
 +
</div></a>
 +
</td>
 +
 +
 +
<td class= "quick_link_button">
 +
<a href="#"><div class= "quick_link_container">
 +
<h4>Parts</h4>
 +
<p></p>
 +
</div></a>
 +
</td>
 +
 +
<td class= "quick_link_button">
 +
<a href="#"><div class= "quick_link_container">
 +
<h4>Characterization</h4>
 +
<p></p>
 +
</div></a>
 +
</td>
-
</div>
+
</tr>
-
<hr>
+
<tr class= "quick_link_row">
-
<section id="slide">
+
-
<button onclick="back_slide(true)" class="prev">&#171;</button>
+
<td class= "quick_link_button">
-
<button onclick="slides(true)" class="next">&#187;</button>
+
<a href="#"><div class= "quick_link_container">
-
<div class="slide_pic">
+
<h4>Data</h4>
-
<img class="picture" src="Photos/1.jpg"/>
+
<p></p>
-
</div>
+
</div></a>
-
<div class="slide_pic">
+
</td>
-
<img src="Photos/2.jpg"/>
+
-
</div>
+
<td class= "quick_link_button">
-
<div class="slide_pic">
+
<a href="#"><div class= "quick_link_container">
-
<img src="Photos/3.jpg"/>
+
<h4>Human Practice</h4>
-
</div>
+
<p></p>
-
<div class="slide_pic">
+
</div></a>
-
<img src="Photos/4.jpg"/>
+
</td>
-
</div>
+
-
<div class="slide_pic">
+
<td class= "quick_link_button">
-
<img src="Photos/5.jpg"/>
+
<a href="#"><div class= "quick_link_container">
-
</div>
+
<h4>Achievement</h4>
-
</section>
+
<p></p>
-
<!-- Work of Juston Cheney -->
+
</div></a>
 +
</td>
 +
</tr>
-
<hr>
+
</table>
 +
<hr>
 +
<table class= "site_map_table" align= "center">
 +
<tr>
 +
<td class= 'site_map_column'><a href="#"><h4>Home</h4></a>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="#">Team</li></a>
 +
<li class='site_link'><a href="#">Project</li></a>
 +
<li class='site_link'><a href="#">WetLab</li></a>
 +
<li class='site_link'><a href="#">Achievement</li></a>
 +
<li class='site_link'><a href="#">Human Practice</li></a>
 +
<li class='site_link'><a href="#">Side Project</li></a>
 +
</ul>
-
<div class= "project_area">
+
</td>
-
<table class = "project_table" align= "center">
+
<td class= 'site_map_column'><a href="#"><h4>Team</h4></a>
-
<tr>
+
<ul class= 'site_list'>
-
<td><div class = 'project_box'>
+
<li class='site_link'><a href="#">Member</li></a>
-
<h4>Main project</h4>
+
<li class='site_link'><a href="#">Advisor</li></a>
-
<p>pneumosensor</p>
+
<li class='site_link'><a href="#">Instructor</li></a>
-
</div></td>
+
<li class='site_link'><a href="#">Attribution</li></a>
 +
<li class='site_link'><a href="#">Acknowledgement</li></a>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><a href="#"><h4>Main Project</h4></a>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="#">Overview</li></a>
 +
<li class='site_link'><a href="#">Module one</li></a>
 +
<li class='site_link'><a href="#">Module two</li></a>
 +
<li class='site_link'><a href="#">Data</li></a>
 +
<li class='site_link'><a href="#">Characterisation</li></a>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><a href="#"><h4>Side Project</h4></a>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="#">Overview</li></a>
 +
<li class='site_link'><a href="#">Parts</li></a>
 +
<li class='site_link'><a href="#">Catalogue</li></a>
 +
<li class='site_link'><a href="#">Feature Pages</li></a>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><a href="#"><h4>Human Practice</h4></a>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="#">Overview</li></a>
 +
<li class='site_link'><a href="#">Start up kit</li></a>
 +
<ul>
 +
<li class='site_link'><a href="#">Interview</li></a>
 +
<li class='site_link'><a href="#">Report</li></a>
 +
<li class='site_link'><a href="#">Database</li></a>
 +
</ul>
 +
<li class='site_link'><a href="#">Talks</li></a>
 +
<li class='site_link'><a href="#">Outreach</li></a>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><a href="#"><h4>Wetlab</h4></a>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="#">Protocol</li></a>
 +
<li class='site_link'><a href="#">Notebook</li></a>
 +
<li class='site_link'><a href="#">Safety</li></a>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><a href="#"><h4>Achievement</h4></a>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="#">Medal Requirements</li></a>
 +
<li class='site_link'><a href="#">Deliverable</li></a>
 +
</ul>
 +
</td>
 +
</tr>
-
<td><div class= 'project_box'>
+
</table>
-
<h4>Side Project</h4>
+
</div>
-
<p>Cis-repressive/ Trans-activating riboregulator</p>
+
-
</td>
+
-
</div>
 
-
</tr>
 
-
</table>
 
-
</div>
 
-
<hr>
 
-
<table class= 'quick_link_area' align= "center">
 
-
<tr class= "quick_link_row">
 
-
<td class= "quick_link_button">
 
-
<div class= "quick_link_container">
 
-
<h4>Project</h4>
 
-
<p>can here have some description about project?</p>
 
-
</div>
 
-
</td>
 
-
<td class= "quick_link_button">
 
-
<div class= "quick_link_container">
 
-
<h4>Parts</h4>
 
-
<p></p>
 
-
</div>
 
-
</td>
 
-
<td class= "quick_link_button">
 
-
<div class= "quick_link_container">
 
-
<h4>Characterization</h4>
 
-
<p></p>
 
-
</div>
 
-
</td>
 
-
</tr>
+
</body>
-
<tr class= "quick_link_row">
+
-
<td class= "quick_link_button">
+
-
<div class= "quick_link_container">
+
-
<h4>Data</h4>
+
-
<p></p>
+
-
</div>
+
-
</td>
+
-
<td class= "quick_link_button">
+
-
<div class= "quick_link_container">
+
-
<h4>Human Practice</h4>
+
-
<p></p>
+
-
</div>
+
-
</td>
+
-
<td class= "quick_link_button">
+
-
<div class= "quick_link_container">
+
-
<h4>Achievement</h4>
+
-
<p></p>
+
-
</div>
+
-
</td>
+
-
 
+
-
</tr>
+
-
 
+
-
</table>
+
-
<hr>
+
-
 
+
-
<table class= "site_map_table" align= "center">
+
-
<tr>
+
-
<td class= 'site_map_column'><h4>Home</h4>
+
-
<ul class= 'site_list'>
+
-
<li class='site_link'>Team</li>
+
-
<li class='site_link'>Project</li>
+
-
<li class='site_link'>WetLab</li>
+
-
<li class='site_link'>Achievement</li>
+
-
<li class='site_link'>Human Practice</li>
+
-
<li class='site_link'>Side Project</li>
+
-
</ul>
+
-
 
+
-
</td>
+
-
<td class= 'site_map_column'><h4>Team</h4>
+
-
<ul class= 'site_list'>
+
-
<li class='site_link'>Member</li>
+
-
<li class='site_link'>Advisor</li>
+
-
<li class='site_link'>Instructor</li>
+
-
<li class='site_link'>Attribution</li>
+
-
<li class='site_link'>Acknowledgement</li>
+
-
</ul>
+
-
</td>
+
-
<td class= 'site_map_column'><h4>Project</h4>
+
-
<ul class= 'site_list'>
+
-
<li class='site_link'>Overview</li>
+
-
<li class='site_link'>Advisor</li>
+
-
<li class='site_link'>Instructor</li>
+
-
<li class='site_link'>Attribution</li>
+
-
<li class='site_link'>Acknowledgement</li>
+
-
</ul>
+
-
</td>
+
-
<td class= 'site_map_column'><h4>WetLab</h4>
+
-
</td>
+
-
<td class= 'site_map_column'><h4>Achievement</h4>
+
-
</td>
+
-
<td class= 'site_map_column'><h4>Human Practice</h4>
+
-
</td>
+
-
<td class= 'site_map_column'><h4>Side Project</h4>
+
-
</td>
+
-
 
+
-
</tr>
+
-
 
+
-
</table>
+
-
</div>
+
-
 
+
-
 
+
-
</body>
+
</html>
</html>

Revision as of 05:24, 31 August 2014

<!DOCTYPE html>