|
|
(43 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/anti-main.css&action=raw&ctype=text/css" type="text/css" >
| |
- | <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 src="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/access-menu.js&action=raw&ctype=text/css"></script>
| |
| | | |
| </head> | | </head> |
- |
| + | </html> |
| + | | |
| + | <html> |
| <body> | | <body> |
- | <nav role="navigation">
| |
- | <ul class="access-menu">
| |
- | <li><a href="#">Home</a></li>
| |
- | <li>
| |
- | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor">Pneumosensor</a>
| |
- | <ul class="access-submenu">
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_one">Sensing</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_two">Expressing</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/parts">Parts</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">Data</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/characterization">Characterization</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/results">Results</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/future_work">Future Work</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li>
| |
- | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator">Riboregulator</a>
| |
- | <ul class="access-submenu">
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/CR_TA_Feature_Page">Feature Page</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/RNA_devices_catalog">Catalog Page</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/parts">Parts</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">Data</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/characterization">Characterization</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/results">Results</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/future_work">Future Work</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li>
| |
- | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice">Human Practice</a>
| |
- | <ul class="access-submenu">
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit">Start-up Kit</a></li>
| |
- | <li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/handbook" >--Handbook</a></li>
| |
- | <li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/report" >--Report</a></li>
| |
- | <li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/database" >--Database</a></li>
| |
- | <li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/interview" >--Interview</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach">Outreach</a></li>
| |
- | <li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/Workshop" >--Workshop</a></li>
| |
- | <li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/talks" >--Talk</a></li>
| |
- | <li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/isf_academy" >--ISF Academy</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/safety_and_ethics">Safety and Ethics</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li>
| |
- | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team">Team</a>
| |
- | <ul class="access-submenu">
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/members">Members</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/advisers">Advisers</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/instructors">Instructors</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/attribution">Attributions</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/acknowledgement">Acknowledgement</a></li>
| |
- | <li><a href="https://igem.org/Team.cgi?year=2014">Official Team Profile</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li>
| |
- | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab">Wetlab</a>
| |
- | <ul class="access-submenu">
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/notebook">Notebook</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/protocols">Protocols</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/safety">Safety</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li>
| |
- | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/Achievements">Achievements</a>
| |
- | <ul class="access-submenu">
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/medal_requirement">Medal Requirements</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/deliverable">Deliverable</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="access_logo">
| |
- | <a href="https://2014.igem.org/Main_Page"><img src= "https://static.igem.org/mediawiki/2014/5/55/Hkust_logo.gif"></a>
| |
- | </li>
| |
- | <li class="access_logo">
| |
- | <a href="http://www.ust.hk/"><img src= "https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"></a>
| |
- | </li>
| |
- |
| |
- |
| |
- | </ul>
| |
- | </nav>
| |
- | <!-- ================ 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= 'https://static.igem.org/mediawiki/2014/archive/3/3c/20140930022303!HKUST_2014_pneumosensor_banner.jpg' /> | + | <div class='content_1'><h3>Human Practice Start-up Kit</h3> |
- | <!--banner should be larger and height should be more than 400px--> | + | <table class="content_table" align= "center" > |
| + | <tr class= "content_row" valign= "top"> |
| + | <td class= "content_cell"> |
| + | <div class= "content_area_one_row"> |
| + | <div class= "embedded_image_right" style="height:200px; width:200px;"> |
| + | <div class="content_image"> |
| + | <img src= "https://static.igem.org/mediawiki/2014/0/02/Start-up_Kit_icon.png" /> |
| + | |
| + | |
| + | </div> |
| + | </div> |
| + | <br> |
| + | <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 it gives iGEMers a quick guide to begin with, but 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> |
| + | HKUST iGEM 2014 team spent nearly the whole summer to collect informations from all human practice projects done in the past. This large set of data was used as a base for the handbook, report, interview and the search engine. The serves exist to interpret and use the database in a different way. For instance, the database is condensed into simple numbers in the handbook to represent frequency of types of projects done in the past. Report, on the other hand, report incorporate the data to observe the general trend regarding human practice projects throughout the iGEM history. Interview questions were formed to show iGEM judges’ view on the previously done projects. Last but not least, search engine helps to find the desired information from the mass database more easily. However, due to the complexity and high level of computer coding knowledge required to build the search engine, we decided to reach out for help. Kevin Christian Wongso, a graduate of the HKUST class 2014, who has a bachelor degree in computer science has lent us a helping hand. Thanks to his help, now users are able to search for information they want by simply typing a few keywords. </p> |
| + | |
| + | |
| + | |
| + | </div> |
| + | </td> |
| + | </tr> |
| </div> | | </div> |
- | <hr> | + | </table> |
- | <div id="description_area">
| + | |
- | <h2>Human practice start-up kit</h2>
| + | |
- | <p>and here you will give description of the content in this page<br>
| + | |
- |
| + | |
- | </p>
| + | |
- |
| + | |
| </div> | | </div> |
- |
| + | <!-- one row of content , two column one picture right--> |
- | | + | |
- | | + | |
| | | |
| <table class= 'start_up_link_area' align= "center"> | | <table class= 'start_up_link_area' align= "center"> |
| <tr class= "start_up_link_row"> | | <tr class= "start_up_link_row"> |
| <td class= "start_up_link_button"> | | <td class= "start_up_link_button"> |
- | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/talks"><div class= "start_up_link_container"> | + | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/handbook"><div class= "start_up_link_container" align="center"> |
- | <h4>Talk</h4> | + | <h4>Handbook</h4> |
- | <p>can here have some description about Talk?</p> | + | <div align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2014/b/b2/Handbook.png"width="130" height="130" /> |
| + | </div> |
| + | <p>This book provides advices from past human practice projects, past iGEM members as well as the judges. </p> |
| </div></a> | | </div></a> |
| </td> | | </td> |
| + | |
| + | <td class= "start_up_link_button"> |
| + | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/report"><div class= "start_up_link_container" align="center"> |
| + | <h4>Report</h4> |
| + | <div align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2014/9/94/Report.png" width="130" height="130" /> |
| + | </div> |
| + | <p>Take a look at our report to have an idea about the general trends regarding human practice in iGEM history. </p> |
| + | </div></a> |
| + | </td> |
| + | |
| <td class= "start_up_link_button"> | | <td class= "start_up_link_button"> |
- | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/Workshop"><div class= "start_up_link_container"> | + | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/search_engine"><div class= "start_up_link_container" align="center"> |
- | <h4>Workshop</h4> | + | <h4>Search Engine</h4> |
- | <p>can here have some description about Workshop?</p> | + | <div align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2014/3/39/Search_engine.png" width="130" height="130"/> |
| + | </div> |
| + | <p>Want to take a look at the database itself? We have set a search engine to help guide your way through the pile of information.</p> |
| </div></a> | | </div></a> |
| </td> | | </td> |
| + | |
| <td class= "start_up_link_button"> | | <td class= "start_up_link_button"> |
- | <a href="#"><div class= "start_up_link_container"> | + | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/interview"><div class= "start_up_link_container" align="center"> |
| <h4>Interview</h4> | | <h4>Interview</h4> |
- | <p>can here have some description about Interview?</p> | + | <div align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2014/9/94/Interview.png" width="130" height="130" /> |
| + | </div> |
| + | <p>Nothing is more valuable than comments from iGEM judges. Click to see what judges think about past human practice projects.</p> |
| </div></a> | | </div></a> |
| </td> | | </td> |
Line 133: |
Line 86: |
| </div> | | </div> |
| | | |
- | <table class= "site_map_table" align= "center">
| + | |
- | <tr>
| + | |
- | <td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST">Home</a></h4>
| + | |
- | <ul class= 'site_list'>
| + | |
- | <li class='site_link'><a href="">Pneumosensor</a></li> | + | |
- | <li class='site_link'><a href="">Riboregulator</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice">Human Practice</a></li>
| + | |
- | <li class='site_link'><a href="">Team</a></li>
| + | |
- | <li class='site_link'><a href="">WetLab</a></li>
| + | |
- | <li class='site_link'><a href="">Achievements</a></li>
| + | |
- | </ul>
| + | |
- |
| + | |
- | </td>
| + | |
- | <td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor">Pneumosensor</a></h4>
| + | |
- | <ul class= 'site_list'>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_one">Sensing</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_two">Expressing</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/parts">Parts</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">Data</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/characterization">Characterization</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/results">Results</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/future_work">Future Work</a></li>
| + | |
- | </ul>
| + | |
- | </td>
| + | |
- | <td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator">Riboregulator</a></h4>
| + | |
- | <ul class= 'site_list'>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/CR_TA_Feature_Page">Feature Page</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/RNA_devices_catalog">Catalog Page</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/parts">Parts</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">Data</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/characterization">Characterization</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/results">Results</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/future_work">Future Work</a></li>
| + | |
- | </ul>
| + | |
- | </td>
| + | |
- | <td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice">Human Practice</a></h4>
| + | |
- | <ul class= 'site_list'>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit">Start-up Kit</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/handbook" >--Handbook</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/report" >--Report</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/database" >--Database</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/interview" >--Interview</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach">Outreach</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/Workshop" >--Workshop</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/talks" >--Talk</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/isf_academy" >--ISF Academy</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/safety_and_ethics">Safety and Ethics</a></li>
| + | |
- | </ul>
| + | |
- | </td>
| + | |
- | <td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team">Team</a></h4>
| + | |
- | <ul class= 'site_list'>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/members">Members</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/advisers">Advisers</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/instructors">Instructors</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/attribution">Attributions</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/acknowledgement">Acknowledgement</a></li>
| + | |
- | <li class='site_link'><a href="https://igem.org/Team.cgi?year=2014">Official Team Profile</a></li>
| + | |
- | </ul>
| + | |
- | </td>
| + | |
- | <td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab">WetLab</a></h4>
| + | |
- | <ul class= 'site_list'>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/notebook">Notebook</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/protocols">Protocols</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/safety">Safety</a></li>
| + | |
- | </ul>
| + | |
- | </td>
| + | |
- | <td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/Achievements">Achievement</a></h4>
| + | |
- | <ul class= 'site_list'>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/medal_requirement">Medal Requirements</a></li>
| + | |
- | <li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/deliverable">Deliverable</a></li>
| + | |
- | </ul>
| + | |
- | </td>
| + | |
- | | + | |
- | </tr>
| + | |
- |
| + | |
- | </table>
| + | |
- | | + | |
- |
| + | |
| | | |
| + | <footer> |
| + | <script> |
| + | $(document).ready(function(){ |
| + | |
| + | //Check to see if the window is top if not then display button |
| + | $(window).scroll(function(){ |
| + | if ($(this).scrollTop() > 100) { |
| + | $('.nextPage').fadeIn(); |
| + | } else { |
| + | $('.nextPage').fadeOut(); |
| + | } |
| + | }); |
| + | |
| + | }); |
| + | </script> |
| + | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/handbook" class="nextPage"> |
| + | <div class="nextPage"> |
| + | <br> |
| + | Next page |
| + | </div> |
| + | </a> |
| + | </footer> |
| </body> | | </body> |
| </html> | | </html> |
| + | }} |