|
|
| (6 intermediate revisions not shown) |
| 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" >
| + | |
| - | <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>
| + | |
| - | 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>
| + | |
| - |
| + | |
| - | <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 class= "banner_area">
| + | |
| - | <table class="content_table" align= "center" >
| + | |
| - | <tr class= "content_row">
| + | |
| - | <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>
| + | |
| - | </div>
| + | |
| - | </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>
| + | |
| - | | + | |
| - | | + | |
| - | <h2>More or less likely this will be the title of the page</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">
| + | |
| - | <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">
| + | |
| - | <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>
| + | |
| - | | + | |
| - | </table>
| + | |
| - | </div>
| + | |
| - | <!-- end of one row of content , two column-->
| + | |
| - |
| + | |
| - | <!-- one row of content , two column one picture right-->
| + | |
| - | <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">
| + | |
| - | <img src= "potato.jpg"/>
| + | |
| - | <h5>Fig 1 . Here is the potato.</h5>
| + | |
| - | <h6> Here is the description of the potato: it is a potato!</h6>
| + | |
| - | </div>
| + | |
| - | <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.
| + | |
| - | </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">
| + | |
| - | <div class="content_image">
| + | |
| - | <img src= "potato.jpg"/>
| + | |
| - | <h5>Fig 1 . Here is the potato.</h5>
| + | |
| - | <h6> Here is the description of the potato: it is a potato!</h6>
| + | |
| - | </div>
| + | |
| - | <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.
| + | |
| - | </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">
| + | |
| - | <div class="content_image">
| + | |
| - | <img src= "potato.jpg"/>
| + | |
| - | <h5>Fig 1 . Here is the potato.</h5>
| + | |
| - | <h6> Here is the description of the potato: it is a potato!</h6>
| + | |
| - | </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 class= 'site_map_column'><a href="#"><h4>Team</h4></a>
| + | |
| - | <ul class= 'site_list'>
| + | |
| - | <li class='site_link'><a href="#">Member</li></a>
| + | |
| - | <li class='site_link'><a href="#">Advisor</li></a>
| + | |
| - | <li class='site_link'><a href="#">Instructor</li></a>
| + | |
| - | <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>
| + | |
| - | | + | |
| - | </table>
| + | |
| - | | + | |
| - |
| + | |
| - |
| + | |
| - | </body>
| + | |
| - | </html>
| + | |
"
