Team:Hong Kong HKUST/human practice

From 2014.igem.org

(Difference between revisions)
m
m
 
(45 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Hong_Kong_HKUST/shell|
<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');
 
-
}
 
-
  });
 
-
});
 
-
</script>
+
<style type="text/css">
 +
.start_up_link_button .start_up_link_container{
 +
height: 330px;
 +
}
 +
</style>
-
<script>
 
-
var on = true;
 
-
var myVar = setInterval(function(){ if(on) {slides()}on=true;},3000);
 
-
 
-
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>
</head>
-
+
</html>
 +
|
 +
<html>
<body>
<body>
-
<div id='nav_container'>
 
-
<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>
 
-
<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">
+
<!-- one row of content , one column one picture right-->
-
<img src= 'banner_mod.png' />
+
<div class='content_1'><h3>Human Practice Overview</h3>
-
<!--banner should be larger and height should be more than 400px-->
+
<table class="content_table" align= "center" >
-
</div>
+
<tr class= "content_row" valign= "top">
-
<hr>
+
-
<div id="description_area">
+
-
<h2>Human practice</h2>
+
-
<p>and here you will give description of the content in this page<br>
+
-
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>
+
-
<!-- one row of content , two column-->
+
-
<div class='content_1'><h3>This will be a title </h3>
+
-
<table class="content_table" align= "center" valign= "top">
+
-
<tr class= "content_row">
+
<td class= "content_cell">
<td class= "content_cell">
-
<div class= "content_area">
+
<div class= "content_area_one_row">
-
<p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
+
<div class= "embedded_image_right" style="height:200px; width:200px;">
-
It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
+
<div class="content_image">
-
and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
+
<img src= "https://static.igem.org/mediawiki/2014/f/f5/HP.png"/>
-
and theological speculation throughout history.  
+
</div>
-
There have been a large number of proposed answers to these questions from many different cultural and ideological backgrounds.
+
</div>
-
The meaning of life is in the philosophical and religious conceptions of existence, social ties, consciousness, and happiness,
+
<br><p class="first_letter_enhanced">The HKUST iGEM 2014 team has three main components for human practice: start-up kit, outreach, as well as safety and ethics. Our goal is to introduce the idea of synthetic biology to wide range of audience in the society. We targeted groups of audience consisting of college freshmen, secondary school students and members within the iGEM society. Each group of audience has potential to contribute to the field of synthetic biology in different ways, and we believe that putting equal amount of effort and paying attention to them all should be the best approach to ensure healthy growth and development of the field of synthetic biology.</p>
-
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>
</div>
</td>
</td>
-
<td class= "content_cell">
 
-
<div class= "content_area">
 
-
<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>
</tr>
-
</table></div>
+
</div>
-
+
-
 
+
-
<table class= 'start_up_link_area' align= "center">
+
-
<tr class= "start_up_link_row">
+
-
<td class= "start_up_link_button">
+
-
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit"><div class= "start_up_link_container">
+
-
<h4>Human Practice Start-up Kit</h4>
+
-
<p>can here have some description about start-up kit?</p>
+
-
</div></a>
+
-
</td>
+
-
<td class= "start_up_link_button">
+
-
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/safety_and_ethics"><div class= "start_up_link_container">
+
-
<h4>Safety and Ethics</h4>
+
-
<p>can here have some description about Safety and Ethics?</p>
+
-
</div></a>
+
-
</td>
+
-
<td class= "start_up_link_button">
+
-
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach"><div class= "start_up_link_container">
+
-
<h4>Outreach</h4>
+
-
<p>can here have some description about Outreach?</p>
+
-
</div></a>
+
-
</td>
+
-
 
+
-
</tr>
+
</table>
</table>
</div>
</div>
-
<table class= "site_map_table" align= "center">
+
<div id= 'project_buttons'>
-
<tr>
+
<table id = "project_buttons_table" align= "center" >
-
<td class= 'site_map_column'><a href="#"><h4>Home</h4></a>
+
<tr class= "start_up_link_row">
-
<ul class= 'site_list'>
+
-
<li class='site_link'><a href="#">Team</li></a>
+
<td class= "start_up_link_button">
-
<li class='site_link'><a href="#">Project</li></a>
+
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit"><div class= "start_up_link_container" align="center">  
-
<li class='site_link'><a href="#">WetLab</li></a>
+
<h4> Start-up Kit</h4>
-
<li class='site_link'><a href="#">Achievement</li></a>
+
<div align="center">
-
<li class='site_link'><a href="#">Human Practice</li></a>
+
<img src="https://static.igem.org/mediawiki/2014/0/02/Start-up_Kit_icon.png" width="150" height="150" />
-
<li class='site_link'><a href="#">Side Project</li></a>
+
</div>
-
</ul>
+
<p> Start-up kit is a manual designed to aid future iGEM teams in starting their own human practice projects. Click to find out more about the items we have prepared.
 +
</p>
 +
</div>
 +
</td>
 +
 +
<td class= "start_up_link_button">
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach"><div class= "start_up_link_container"align="center">  
 +
<h4> Outreach </h4>
 +
<div align="center">
 +
<img src="https://static.igem.org/mediawiki/2014/4/48/HKUST_Quicklink_Icon_Outreach.png" width="150" height="150"/>
 +
</div>
 +
<p> A key element in human practice is to create a link between the society and synthetic biology. Check out whom we have reached out to during this process.</p>
 +
</div>
 +
</td>
-
</td>
+
-
<td class= 'site_map_column'><a href="#"><h4>Team</h4></a>
+
<td class= "start_up_link_button">
-
<ul class= 'site_list'>
+
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/safety_and_ethics"><div class= "start_up_link_container"align="center">
-
<li class='site_link'><a href="#">Member</li></a>
+
<h4> Safety and Ethics </h4>
-
<li class='site_link'><a href="#">Advisor</li></a>
+
<div align="center">
-
<li class='site_link'><a href="#">Instructor</li></a>
+
<img src="https://static.igem.org/mediawiki/2014/0/07/Safety_and_ethics.png" width="150" height="150"/>
-
<li class='site_link'><a href="#">Attribution</li></a>
+
</div>
-
<li class='site_link'><a href="#">Acknowledgement</li></a>
+
<p> Safety has been the foremost concern when it comes to laboratory experiment. Read more to see what the experts have to say about the safety aspects of our project.  </p>
-
</ul>
+
</div>
-
</td>
+
</td>
-
<td class= 'site_map_column'><a href="#"><h4>Main Project</h4></a>
+
</tr>
-
<ul class= 'site_list'>
+
-
<li class='site_link'><a href="#">Overview</li></a>
+
-
<li class='site_link'><a href="#">Module one</li></a>
+
</table>
-
<li class='site_link'><a href="#">Module two</li></a>
+
</div>
-
<li class='site_link'><a href="#">Data</li></a>
+
-
<li class='site_link'><a href="#">Characterisation</li></a>
+
<hr>
-
</ul>
+
</div>
-
</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>
+
-
 
+
-
</table>
+
-
+
-
+
</body>
</body>
</html>
</html>
 +
}}

Latest revision as of 10:59, 16 October 2014



Human Practice Overview


The HKUST iGEM 2014 team has three main components for human practice: start-up kit, outreach, as well as safety and ethics. Our goal is to introduce the idea of synthetic biology to wide range of audience in the society. We targeted groups of audience consisting of college freshmen, secondary school students and members within the iGEM society. Each group of audience has potential to contribute to the field of synthetic biology in different ways, and we believe that putting equal amount of effort and paying attention to them all should be the best approach to ensure healthy growth and development of the field of synthetic biology.

Home

Pneumosensor

Riboregulator

Human Practice

Team

WetLab

Achievement

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