Team:Hong Kong HKUST/test1

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
{{Team:Hong_Kong_HKUST/shell|
-
<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" >
+
<html><head>
-
<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');
+
-
}
+
-
  });
+
-
});
+
-
</script>
 
-
 
<script>
<script>
var on = true;
var on = true;
-
var myVar = setInterval(function(){ if(on) {slides()}on=true;},3000);
+
var myVar = setInterval(function(){ if(on) {slides()}on=true;},9000);
function slides(i) {
function slides(i) {
-
  document.getElementsByClassName("slide_pic")[1].style.width="0px";
+
document.getElementsByClassName("slide_pic")[1].style.width="0px";
-
  document.getElementsByClassName("slide_pic")[2].style.width="100%";
+
document.getElementsByClassName("slide_pic")[2].style.width="100%";
-
  var slide = document.getElementsByClassName("slide_pic")[0];
+
var slide = document.getElementsByClassName("slide_pic")[0];
-
  document.getElementById("slide").appendChild(slide);
+
document.getElementById("slide").appendChild(slide);
-
  if(i) {
+
if(i) {
-
  on = false;  
+
on = false;  
-
  }
+
}
}
}
function back_slide(i) {
function back_slide(i) {
-
  document.getElementsByClassName("slide_pic")[1].style.width="0px";
+
document.getElementsByClassName("slide_pic")[1].style.width="0px";
-
  document.getElementsByClassName("slide_pic")[0].style.width="100%";
+
document.getElementsByClassName("slide_pic")[0].style.width="100%";
-
  var slide = document.getElementsByClassName("slide_pic")[4];
+
var slide = document.getElementsByClassName("slide_pic")[4];
-
  var slide2 = document.getElementsByClassName("slide_pic")[0];
+
var slide2 = document.getElementsByClassName("slide_pic")[0];
-
  document.getElementById("slide").insertBefore(slide,slide2);
+
document.getElementById("slide").insertBefore(slide,slide2);
-
  if(i) {
+
if(i) {
-
  on = false;  
+
on = false;  
-
  }
+
}
}
}
</script>
</script>
-
</head>
 
-
<body>
+
<style type="text/css">
-
<div id='nav_container'>
+
.slide_pic > img {
-
<nav>
+
width: 950px;
-
+
}
-
<ul id="menu">
+
</style>
-
<li><a href="#">Home</a></li>
+
 
-
        <li><a href="#">Team</a>
+
</head></html>
-
        <!-- First Tier Drop Down -->
+
|
-
        <ul>
+
<html><body>
-
            <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>
+
-
<li class= "logo"><a href="https://2014.igem.org/Main_Page"> <img src="Igemlogo_whiteletters.png" height="45px"> </a> </li>
+
-
<li class= "logo"><a href="http://www.ust.hk/"> <img src="HKUST_logo.png" height="45px"> </a></li>
+
-
+
-
</ul>
+
-
+
-
</nav>
+
-
</div>
+
-
<h1> </h1>
+
-
<!-- ================ do not touch any thing above this, dont even think about it =========================-->
+
-
+
-
+
<div id="content_container">
<div id="content_container">
<div class= "banner_area">
<div class= "banner_area">
-
<table class="content_table" align= "center" >
+
<img src= 'https://static.igem.org/mediawiki/2014/archive/3/3c/20140930022303!HKUST_2014_pneumosensor_banner.jpg' />
-
<tr class= "content_row">
+
 
-
<td class= "content_cell">
+
-
+
-
</td>
+
-
<td class= "content_cell">
+
-
<div class= "content_area_one_row">
+
-
+
-
<p>
+
-
Comprising of a handbook, interview summary, report and database,
+
-
the start-up kit contains all-rounded and valuable information about past human practice projects and advice from past judges.
+
-
Information regarding human practice projects in the previous years has been compiled into a database,
+
-
which has been translated into a easily understood report for reference.
+
-
Some of the past human practice judges were also interviewed to see the core value of human practice
+
-
while the handbook gives iGEMers quick tips and tricks in starting up projects and an outline of the report and the interview.
+
-
</p>
+
-
</div>
+
-
</td>
+
-
+
-
</tr></table>
+
</div>
</div>
 +
<hr>
 +
<section id="slide">
 +
<button onclick="back_slide(true)" class="prev">&#171;</button>
 +
<button onclick="slides(true)" class="next">&#187;</button>
 +
<div class="slide_pic">
 +
<img class="picture" src="https://static.igem.org/mediawiki/2014/1/18/HKUST_MainPage_Slideshow1.png"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="https://static.igem.org/mediawiki/2014/4/45/HKUST_MainPage_Slideshow2.png"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="https://static.igem.org/mediawiki/2014/7/79/HKUST_MainPage_Slideshow3.png"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="https://static.igem.org/mediawiki/2014/d/d9/HKUST_MainPage_Slideshow4.png"/>
 +
</div>
 +
</section>
 +
<!-- Work of Juston Cheney -->
-
<div id="description_area">
 
-
<h2>More or less likely this will be the title of the page</h2>
 
-
<td class= "content_cell">
 
-
<div class= "content_area_one_row">
 
-
<p class="first_letter_enhanced">Start-up Kit is the first comprehensive and handy tool that aims to help iGEM teams-
 
-
particularly the new iGEMers, in initiating new human practice projects.
 
-
Not only does it give iGEMers a quick guide to begin with, but it also provides them with a preliminary concept
 
-
of human practice and analyzed data regarding the past projects, which will give teams a jumpstart to flexibly
 
-
come up with their own novel human practice project.
 
-
</p><br>
 
 +
<hr>
-
</div>
+
<div class= "project_area">
-
<!-- one row of content , two column-->
+
<table class = "project_table" align= "center">
-
<div class='content_1'><h3>This will be a title </h3>
+
<tr>
-
<table class="content_table" align= "center" valign= "top">
+
-
<tr class= "content_row">
+
<td><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor"><div class = 'project_box'>
-
<td class= "content_cell">
+
<h4>Pneumosensor</h4>
-
<div class= "content_area_one_row">
+
<p>Short description</p>
-
<p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
+
</div></a></td>
-
It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
+
-
and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
+
-
and theological speculation throughout history.
+
-
There have been a large number of proposed answers to these questions from many different cultural and ideological backgrounds.
+
-
The meaning of life is in the philosophical and religious conceptions of existence, social ties, consciousness, and happiness,
+
-
and borders on many other issues, such as symbolic meaning, ontology, value, purpose, ethics, good and evil, free will,
+
-
the existence of one or multiple gods, conceptions of God, the soul, and the afterlife. </p>
+
-
</div>
+
-
</td>
+
-
<td class= "content_cell">
+
-
<div class= "content_area_one_row">
+
-
<p>
+
-
Scientific contributions focus primarily on describing related empirical facts about the universe,
+
-
exploring the context and parameters concerning the 'how' of life.
+
-
Science also studies and can provide recommendations for the pursuit of well-being and a related conception of morality.
+
-
An alternative, humanistic approach poses the question "What is the meaning of my life?"
+
-
The value of the question pertaining to the purpose of life may coincide with the achievement of ultimate reality, or a feeling of oneness,
+
-
or even a feeling of sacredness.</p>
+
-
</div>
+
-
</td>
+
-
</tr>
+
 +
<td><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator"><div class= 'project_box'>
 +
<h4>Cis-repressive/ Trans-activating riboregulator</h4>
 +
<p>Short description</p>
 +
</div></a></td>
-
</table>
+
 +
</tr>
 +
</table>
</div>
</div>
-
<!-- end of one row of content , two column-->
+
<hr>
-
+
<table class= 'quick_link_area' align= "center">
-
<!-- one row of content , two column one picture right-->
+
<tr class= "quick_link_row">
-
<div class='content_1'><h3>This will be a title </h3>
+
-
<table class="content_table" align= "center" >
+
-
<tr class= "content_row">
+
-
<td class= "content_cell">
+
-
<div class= "content_area_one_row">
+
-
<p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
+
-
It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
+
-
and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
+
-
and theological speculation throughout history.
+
-
There have been a large number of proposed answers to these questions from many different cultural and ideological backgrounds.
+
-
The meaning of life is in the philosophical and religious conceptions of existence, social ties, consciousness, and happiness,
+
-
and borders on many other issues, such as symbolic meaning, ontology, value, purpose, ethics, good and evil, free will,
+
-
the existence of one or multiple gods, conceptions of God, the soul, and the afterlife. </p>
+
-
</div>
+
-
</td>
+
-
<td class= "content_cell">
+
-
<div class= "content_area_one_row">
+
-
<div class="content_image">
+
<td class= "quick_link_button">
-
<img src= "potato.jpg"/>
+
<div class= "quick_link_container">
-
<h5>Fig 1 . Here is the potato.</h5>
+
<h4>Parts</h4>
-
<h6> Here is the description of the potato: it is a potato!</h6>
+
<img src="https://static.igem.org/mediawiki/2014/c/c0/HKUST_Quicklink_Icon_Parts.png"/>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/parts">
 +
<p>Pneumosensor</p>
 +
</a>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/parts">
 +
<p>Riboregulator</p>
 +
</a>
</div>
</div>
-
<p>
+
</td>
-
Scientific contributions focus primarily on describing related empirical facts about the universe,
+
-
exploring the context and parameters concerning the 'how' of life.
+
-
Science also studies and can provide recommendations for the pursuit of well-being and a related conception of morality.
+
-
</p>
+
-
</div>
+
-
</td>
+
-
 
+
-
</tr>
+
-
</div>
+
-
</table>
+
-
</div>
+
-
<!-- one row of content , two column one picture right-->
+
-
+
-
<!-- one row of content , two column one picture left-->
+
-
<div class='content_1'><h3>This will be a title </h3>
+
-
<table class="content_table" align= "center" >
+
-
+
-
<tr class= "content_row">
+
-
<td class= "content_cell">
+
-
<div class= "content_area_one_row">
+
<td class= "quick_link_button">
-
<div class="content_image">
+
<div class= "quick_link_container">
-
<img src= "potato.jpg"/>
+
<h4>Characterization</h4>
-
<h5>Fig 1 . Here is the potato.</h5>
+
<img src="https://static.igem.org/mediawiki/2014/3/33/HKUST_Quicklink_Icon_Charactrization.png"/>
-
<h6> Here is the description of the potato: it is a potato!</h6>
+
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/characterization">
 +
<p>Pneumosensor</p>
 +
</a>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/characterization">
 +
<p>Riboregulator</p>
 +
</a>
</div>
</div>
-
<p>
+
</td>
-
Scientific contributions focus primarily on describing related empirical facts about the universe,
+
-
exploring the context and parameters concerning the 'how' of life.
+
-
Science also studies and can provide recommendations for the pursuit of well-being and a related conception of morality.
+
-
</p>
+
-
</div>
+
-
</td>
+
-
<td class= "content_cell">
+
-
<div class= "content_area_one_row">
+
-
<p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
+
-
It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
+
-
and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
+
-
and theological speculation throughout history.
+
-
There have been a large number of proposed answers to these questions from many different cultural and ideological backgrounds.
+
-
The meaning of life is in the philosophical and religious conceptions of existence, social ties, consciousness, and happiness,
+
-
and borders on many other issues, such as symbolic meaning, ontology, value, purpose, ethics, good and evil, free will,
+
-
the existence of one or multiple gods, conceptions of God, the soul, and the afterlife. </p>
+
-
</div>
+
-
</td>
+
-
+
-
</tr>
 
-
</div>
 
-
</table>
 
-
</div>
 
-
<!-- end of one row of content , two column one picture left-->
 
-
 
-
<!--two row of content, image first row, text second row -->
 
-
<div class='content_1'><h3>This will be a title </h3>
 
-
<table class="content_table" align= "center" >
 
-
 
-
<tr class= "content_row" >
 
-
<td class= "content_cell" colspan= "2">
 
-
<div class= "content_area_two_row">
+
<td class= "quick_link_button">
-
<div class="content_image">
+
<div class= "quick_link_container">
-
<img src= "potato.jpg"/>
+
<h4>Data</h4>
-
<h5>Fig 1 . Here is the potato.</h5>
+
<img src="https://static.igem.org/mediawiki/2014/4/42/HKUST_Quicklink_Icon_Data.png"/>
-
<h6> Here is the description of the potato: it is a potato!</h6>
+
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">
 +
<p>Pneumosensor</p>
 +
</a>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">
 +
<p>Riboregulator</p>
 +
</a>
</div>
</div>
-
</div>
 
-
</td>
 
-
</tr>
 
-
 
-
<tr class= "content_row">
 
-
<td class= "content_cell">
 
-
<div class= "content_area_two_row">
 
-
<p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
 
-
It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
 
-
and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
 
-
and theological speculation throughout history.
 
-
</p>
 
-
</div>
 
-
</td>
 
-
<td class= "content_cell">
 
-
<div class= "content_area_two_row">
 
-
<p>HAHAHAHA
 
-
</p>
 
-
</div>
 
-
</td>
 
-
 
-
 
-
</tr>
 
-
</table>
 
-
</div>
 
-
<!--end of two row of content, image first row, text second row -->
 
-
<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>
 
-
 
</td>
</td>
-
<td class= 'site_map_column'><a href="#"><h4>Team</h4></a>
+
-
<ul class= 'site_list'>
+
<td class= "quick_link_button">
-
<li class='site_link'><a href="#">Member</li></a>
+
<a href="#"><div class= "quick_link_container">
-
<li class='site_link'><a href="#">Advisor</li></a>
+
<h4>Human Practice</h4>
-
<li class='site_link'><a href="#">Instructor</li></a>
+
<img src="https://static.igem.org/mediawiki/2014/e/e8/HKUST_Quicklink_Icon_Human_Practice.png"/>
-
<li class='site_link'><a href="#">Attribution</li></a>
+
</div></a>
-
<li class='site_link'><a href="#">Acknowledgement</li></a>
+
-
</ul>
+
</td>
</td>
-
<td class= 'site_map_column'><a href="#"><h4>Main Project</h4></a>
+
-
<ul class= 'site_list'>
+
<td class= "quick_link_button">
-
<li class='site_link'><a href="#">Overview</li></a>
+
<a href="#"><div class= "quick_link_container">
-
<li class='site_link'><a href="#">Module one</li></a>
+
<h4>Achievement</h4>
-
<li class='site_link'><a href="#">Module two</li></a>
+
<img src="https://static.igem.org/mediawiki/2014/e/ec/HKUST_Quicklink_Icon_Achievements.png"/>
-
<li class='site_link'><a href="#">Data</li></a>
+
</div></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>
</td>
 +
</tr>
</tr>
</table>
</table>
-
 
+
</div>
-
+
</body></html>
-
+
}}
-
</body>
+
-
</html>
+

Revision as of 09:53, 7 October 2014




Pneumosensor

Short description

Cis-repressive/ Trans-activating riboregulator

Short description

Parts

Pneumosensor

Riboregulator

Characterization

Pneumosensor

Riboregulator

Data

Pneumosensor

Riboregulator

Human Practice

Achievement

Home

Pneumosensor

Riboregulator

Human Practice

Team

WetLab

Achievement

Retrieved from "http://2014.igem.org/Team:Hong_Kong_HKUST/test1"