Team:Hong Kong HKUST/preteam

From 2014.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<style>
+
<style type="text/css">
-
      .pull-right{
+
#interview,#presentation,#article
-
      float: right}
+
{margin-top:20px;width:25%;margin-right:20px;float:left;height:auto;border:2px solid;
-
 
+
border-radius:15px; padding:5px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
-
  .thumbnail {
+
#presentation1
-
    border: 1px solid #ddd;
+
{margin-top:20px;width:29%;float:left;height:auto;border:2px solid;
-
    border-radius: 4px;
+
border-radius:15px; padding:5px;margin-left:210px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
-
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+
#article1{margin-top:20px;width:29%;float:left;height:auto;border:2px solid;
-
    display: block;
+
border-radius:15px; padding:5px;margin-left:20px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
-
    line-height: 20px;
+
#interview
-
    padding: 4px;
+
{margin-left:85px;background:#6599FF;}
-
    transition: all 0.2s ease-in-out 0s;
+
#presentation
-
}
+
{background:#35bb91;}
-
    img {
+
#article
-
    vertical-align: middle;}
+
{background:#6599FF;}
-
+
#presentation1,#article1{background:#35bb91;}
-
element.style {
+
h3{margin-left:10px;font-size:24px;}</style>
-
    text-align: justify;
+
<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" >
-
    width: 450px;
+
-
}
+
-
.pull-left {
+
-
    float: left;}
+
-
+
-
 
+
-
</style>
+
<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" >
<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="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
-
<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>
-
$(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>
</head>
 +
 +
<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>
 +
-
<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>
 
</ul>
</ul>
-
 
</nav>
</nav>
-
</div>
+
<!-- ================ do not touch any thing above this, dont even think about it =========================-->
-
<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">
-
<img src= 'banner_mod.png' />
+
<img src= 'https://static.igem.org/mediawiki/2014/archive/3/3c/20140930022303!HKUST_2014_pneumosensor_banner.jpg' />
 +
<!--banner should be larger and height should be more than 400px-->
 +
</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="Photos/1.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/2.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/3.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/4.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/5.jpg"/>
 +
</div>
 +
</section>
 +
<!DOCTYPE html>
 +
<html>
 +
<head>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 +
<meta charset=utf-8 />
 +
<title>HTML5 jQuery Tabs</title>
 +
<style id="jsbin-css">
 +
.tabs a{
 +
  cursor: pointer;
 +
  padding: 4px;
 +
  background: #fff;
 +
  color: #000;
 +
  border: 1px solid #fff;
 +
  border-bottom: 1px;
 +
  border-top-left-radius: 15px;   
 +
  border-top-right-radius: 15px;
 +
  margin-right: 3px;
 +
  padding-left: 20px;
 +
  padding-right: 20px;
 +
}
 +
.tabs a:hover, .tabs a.active{
 +
  background: #666;
 +
  color: #fff;
 +
}
-
</div>
+
.tabContent{
-
+
  background:#fff;
 +
  border: 1px solid #fff;
 +
  margin: 1px 0;
 +
  padding-left: 30px;
 +
  padding-right: 30px;
 +
  padding-top: 10px;
 +
  padding-bottom: 10px;
 +
}
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
 +
<div class="tabContent"> 
    
    
-
  <div class="pull-left" style="width:450px;text-align:justify;">
+
<div id="tab1">
-
<p></p>
+
<table>
-
<h2>
+
<col width="50%">
-
<span id="HKUST" class="mw-headline"> HKUST </span>
+
<col width="50%">
-
</h2>
+
 
-
<p> </p>
+
<tr><td colspan=2>
 +
    <a href="http://www.ust.hk" style="font-size:40px;text-decoration: underline">HKUST</a></td></tr>
 +
<tr><td>
-
<div class="divider" style="border-bottom:1px solid #777;margin-bottom:25px"></div>
+
    <p style="font-size:14px;line-height:200%;"; align:justify">
The Hong Kong University of Science and Technology is an international research university. Founded  
The Hong Kong University of Science and Technology is an international research university. Founded  
in 1991, HKUST is an international research university with strong ties to global thought leaders,  
in 1991, HKUST is an international research university with strong ties to global thought leaders,  
whilst having wide-ranging connections with Mainland China. It promotes interdisciplinary studies,  
whilst having wide-ranging connections with Mainland China. It promotes interdisciplinary studies,  
dedicated to educating well-rounded students to acquire a strong entrepreneurial spirit and innovative  
dedicated to educating well-rounded students to acquire a strong entrepreneurial spirit and innovative  
-
thinking – the necessary foundation and skills for the changing world. The University is housed in a  
+
thinking at the necessary foundation and skills for the changing world. The University is housed in a  
hillside and waterfront complex overlooking the Clear Water Bay peninsula, less than 30 minutes' driving  
hillside and waterfront complex overlooking the Clear Water Bay peninsula, less than 30 minutes' driving  
time from Central Hong Kong.  
time from Central Hong Kong.  
<br>
<br>
-
<br>
+
 
-
You can follow our activity in the most common social networks:
+
 
-
<br>
+
</p></td>
-
<div style="text-align:center;margin-top:3px;">
+
<td valign="top"><img class="thumbnail pull-right" style="width:400px; margin-left:40px;height:400px;width:500px" alt="The team" src="https://static.igem.org/mediawiki/2014/2/2e/HKUST.jpg"></td>
-
<a href="">
+
</tr></table>
-
<img title="Facebook" alt="Facebook" src="https://static.igem.org/mediawiki/2013/9/91/1380788391_facebook_square.png">
+
  </div>
 +
<div id="interview">
 +
<center>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/members">
 +
<h3>MEMBERS</h3>
</a>
</a>
-
<a href="">
+
</center>
-
<img title="Twitter" alt="Twitter" src="https://static.igem.org/mediawiki/2013/b/b6/1380788385_twitter_square.png">
+
</div>
 +
<div id="presentation">
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/advisors"></a>
 +
<center>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/advisors">
 +
<h3>ADVISORS</h3>
</a>
</a>
-
<a href="">
+
</center>
-
<img title="Youtube" alt="Youtube" src="https://static.igem.org/mediawiki/2013/e/ea/1380788439_youtube_square_color.png">
+
</div>
 +
<div id="article">
 +
<center>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/instructors">
 +
<h3>INSTRUCTORS</h3>
</a>
</a>
-
<a href="">
+
</center>
-
<img title="Instagram" alt="Instagram" src="https://static.igem.org/mediawiki/2013/5/5f/1380788401_instagram_square_color.png">
+
</div>
 +
<div id="presentation1">
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/attribution"></a>
 +
<center>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/attribution">
 +
<h3>ATTRIBUTION</h3>
</a>
</a>
 +
</center>
</div>
</div>
-
<br>
+
<div id="article1">
-
If you want to contact us, become a sponsor or you liked the idea, please address us using the button below:
+
<center>
-
<br>
+
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acknowledge">
-
<div style="text-align:center;padding:15px">
+
<h3>ACKNOWLEDGEMENT</h3>
-
<a class="btn btn-primary btn-large" href="mailto:vlc.biocampus.igem@gmail.com?subject='Contact from iGEM'">Contact us</a>
+
</a>
-
</div>
+
</center>
-
</div>
+
-
<img class="thumbnail pull-right" style="width:450px" alt="The team" src="https://www.ab.ust.hk/hro/PubDoc/careers/common/photos/hkust.jpg">
+
</div>
</div>
 +
 
</div>
</div>
-
</div>
+
<script id="jsbin-javascript">
-
 
+
;(function($){
-
 
+
  $.fn.html5jTabs = function(options){
-
+
    return this.each(function(index, value){
-
+
      var obj = $(this),
-
+
      objFirst = obj.eq(index),
 +
      objNotFirst = obj.not(objFirst);
 +
     
 +
      $("#" +  objNotFirst.attr("data-toggle")).hide();
 +
      $(this).eq(index).addClass("active");
 +
     
 +
      obj.click(function(evt){
 +
       
 +
        toggler = "#" + obj.attr("data-toggle");
 +
        togglerRest = $(toggler).parent().find("div");
 +
       
 +
        togglerRest.hide().removeClass("active");
 +
        $(toggler).show().addClass("active");
 +
       
 +
        $(this).parent("div").find("a").removeClass("active");
 +
$(this).addClass("active");
 +
        return false;
 +
      });
 +
    });
 +
  };
 +
}(jQuery));
-
</body>
+
$(function() {
 +
  $(".tabs a").html5jTabs();
 +
});
 +
</script>
 +
</body>
</html>
</html>

Latest revision as of 11:34, 3 October 2014

HTML5 jQuery Tabs
HKUST

The Hong Kong University of Science and Technology is an international research university. Founded in 1991, HKUST is an international research university with strong ties to global thought leaders, whilst having wide-ranging connections with Mainland China. It promotes interdisciplinary studies, dedicated to educating well-rounded students to acquire a strong entrepreneurial spirit and innovative thinking at the necessary foundation and skills for the changing world. The University is housed in a hillside and waterfront complex overlooking the Clear Water Bay peninsula, less than 30 minutes' driving time from Central Hong Kong.

The team

INSTRUCTORS

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