Team:Hong Kong HKUST/team

From 2013.igem.org

(Difference between revisions)
 
(96 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</script>
 +
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function(){
-
$(".menu li").hover(function(){
+
$("ul.first > li").hover(function(){
-
$(this).find("ul>li").stop().fadeToggle(10);
+
$(this).find("ul").stop().fadeToggle(10);
});
});
 +
});
 +
</script> 
 +
 +
<script>
 +
  $(document).ready(function()
 +
  {
 +
  $('#menubar').mouseover(function(){
 +
    $('#menubar').stop().animate({top:"0px"},500);
 +
  });
 +
  $('#menubar').mouseleave(function(){
 +
    $('#menubar').stop().animate({top:"-20px"},500);
 +
  });
 +
  $('#menubar.right-menu').mouseover(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"0px"},500);
 +
  });
 +
  $('#menubar.right-menu').mouseleave(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"-20px"},500);
 +
  });
});
});
</script>
</script>
 +
 +
 +
 +
<script type="text/javascript" src="https://static.igem.org/mediawiki/2013/archive/9/91/20130919145948%21Slide_Show.txt"></script>
 +
 +
<script type="text/javascript">
 +
 +
$(function(){
 +
 +
$("#Teamslide").infiniteCarousel();
 +
 +
});
 +
 +
</script>
 +
<style type="text/css">
<style type="text/css">
-
.menu ul{
+
body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;}
 +
#menubar
 +
{background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
 +
#menubar ul li a
 +
{ color:#8D1919;}
 +
#menubar.right-menu
 +
{background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;}
 +
.right-menu li a
 +
{color:#8D1919;background-color:#EEECEC;}
 +
#p-logo
 +
{visibility:hidden;}
 +
.firstHeading
 +
{visibility:hidden;}
 +
#globalWrapper
 +
{position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;}
 +
#content
 +
{width: 1000px;border:none;background-color:#494042;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
 +
#top-section
 +
{height:2px;border:none;background-color:#494042;}
 +
#catlinks
 +
{border-color:#494042;background-color:#494042;}
 +
#footer-box
 +
{display:none}
 +
#kepala
 +
{position:absolute;top:15px;background-color:#F0A5BE;height:121px;width:100%;}
 +
#copyright
 +
{position:absolute;left:325px;top:630px;}
 +
 
 +
 
 +
 
 +
 
 +
.menu ul,.menu li
 +
{
margin:0;
margin:0;
padding:0;
padding:0;
list-style:none;
list-style:none;
 +
width:100%;
}
}
-
body{
+
ul.first>li
-
font-family:auto;
+
{
-
background-color:white;
+
float:left;
-
padding:0px;
+
width:16.66%;
}
}
-
 
+
ul.first>li>a:link,ul.first>li>a:visited
-
.menu ul li{
+
{
-
float:left;
+
display:block;
-
width:160px;
+
font-weight:bold;
-
height:30px;
+
color:#494042;
-
line-height:30px;
+
background-color:#35bb91;
text-align:center;
text-align:center;
-
background-color:green;
+
padding:3%;
-
}
+
-
 
+
-
.menu ul li a{
+
text-decoration:none;
text-decoration:none;
-
color:yellow;
+
text-transform:uppercase;
}
}
-
.menu ul li li{
+
ul.first>li>a:hover,ul.first>li>a:active
-
background-color:green;
+
{
-
color:white;
+
background-color:#e32e51;
-
display:none;
+
}
}
-
.menu ul li li:hover{
+
ul.first>li>ul
-
background:#555;
+
-
}
+
-
 
+
-
.menu ul li li a{
+
-
text-decoration:none;
+
-
color:white;
+
-
}
+
-
</style>
+
-
<style>
+
-
.pos_fixed
+
{
{
-
position:fixed;
+
display:none;
-
top:300px;
+
width:100%;
-
left:10px;
+
}
}
-
ol.pos_fixed
+
ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited
-
{
+
-
list-style-type:none;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
.pos_fixed a:link,.pos_fixed a:visited
+
{
{
display:block;
display:block;
font-weight:bold;
font-weight:bold;
-
color:#FFFFFF;
+
color:#494042;
-
background-color:#98bf21;
+
background-color:#8ff5d5;
-
width:120px;
+
text-align:center;
text-align:center;
-
padding:4px;
+
padding:3%;
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
}
}
-
.pos_fixed a:hover,.pos_fixed a:active
+
 
 +
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
{
{
-
background-color:#7A991A;
+
background-color:#f87790;
 +
}
 +
 
 +
.menu
 +
{
 +
position:absolute;
 +
left:0px;
 +
top:141px;
 +
width:100%;
 +
z-index:+5;
 +
}
 +
 
 +
#Teamslide
 +
{
 +
position:absolute;
 +
top:70px;
 +
left:20px;
 +
}
 +
 
 +
 
 +
#teamdesc{border:2px solid;
 +
border-radius:15px;width:96%;margin-left:20px;height:auto;background-color:#F4DFC0;margin-top:75px;padding:5px;font-family:"Trebuchet MS", Helvetica, sans-serif;padding}
 +
 
 +
 
 +
 
 +
#interview,#presentation,#article
 +
{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;}
 +
#presentation1
 +
{margin-top:20px;width:29%;float:left;height:auto;border:2px solid;
 +
border-radius:15px; padding:5px;margin-left:210px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
 +
#article1{margin-top:20px;width:29%;float:left;height:auto;border:2px solid;
 +
border-radius:15px; padding:5px;margin-left:20px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
 +
#interview
 +
{margin-left:85px;background:#e32e51;}
 +
#presentation
 +
{background:#35bb91;}
 +
#article
 +
{background:#e32e51;}
 +
#presentation1,#article1{background:#B9B2A0;}
 +
#art-desc,#pre-desc,#int-desc{width:50%;float:right;margin-right:8px;}
 +
#art-img,#pre-img,#int-img{width:45%;float:left;margin-left:5px;}
 +
#art-desc-text,#pre-desc-text,#int-desc-text{text-align:justify;float:right;}
 +
h3{margin-left:10px;font-size:24px;}
 +
ul, ol {
 +
line-height: 1.6;
 +
font-size: 14px;
 +
}
 +
 
 +
#iGEM_Logo{
 +
width:100px;
 +
height:80px;
 +
position:absolute;
 +
right:10px;
 +
top:60px;
 +
z-index:+15;
 +
}
 +
#hkust_Logo{
 +
width:60px;
 +
height:80px;
 +
position:absolute;
 +
right:110px;
 +
top:60px;
 +
z-index:+15;
}
}
Line 87: Line 196:
</head>
</head>
<body>
<body>
 +
 +
 +
          <a href="https://2013.igem.org/Main_Page"><img id="iGEM_Logo" src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png"></a>
 +
         
 +
 +
<a href="http://www.ust.hk/eng/index.htm"><img id="hkust_Logo" src="https://static.igem.org/mediawiki/2013/5/55/Hkust_logo.gif"></a>
 +
 +
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;"></div></center></a>
<div class="menu">
<div class="menu">
-
<ul>
+
<ul class="first">
-
<li><a href=2013.igem.org/Team:Hong_Kong_HKUST>Home</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li>
-
<li><a href="team">Team</a>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">Team</a>
<ul>
<ul>
-
<li><a href="members">Members</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/members">Members</a></li>
-
<li><a href="advisors">Advisors</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li>
-
<li><a href="instructors">Instructors</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/attribution">Attribution</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/acknowledge">Acknowledgement</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a href="project">Project</a>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project">Project</a>
<ul>
<ul>
-
<li><a href="abstract">Abstract(Details)</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li>
-
<li><a href="modelling">Modelling</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modules">Modules Description</a></li>
-
<li><a href="characterization">Characterization</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/data">Data Page</a></li>
-
<li><a href="parts">Parts</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li>
-
<li><a href="datapage">Data Page</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li>
-
<li><a href="results">Results</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Result</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/future">Future Work</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a href="wetlab">Wetlab</a>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab">Wetlab</a>
<ul>
<ul>
-
<li><a href="notebook">Notebook</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook">Notebook</a></li>
-
<li><a href="protocols">Protocols</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">Protocols</a></li>
-
<li><a href="safety">Safety</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">Safety</a></li>
 +
 
</ul>
</ul>
</li>
</li>
-
<li><a href="achievements">Achievement</a>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a>
<ul>
<ul>
-
<li><a href="medalrequirements">Medal Requirements</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/medals">Medal Requirements</a></li>
-
<li><a href="prizes">Prizes</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/prizes">Prizes</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a href="humanpractice">Human Practice</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/cp">Country Profile</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/blog">Blog</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/interview">Interviews</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/article/genet">Article</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/video">Videos</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/presentation">Presentations</a></li>
 +
</ul>
 +
</li>
</ul>
</ul>
Line 133: Line 263:
</div>
</div>
 +
<br><br><br>
 +
<div id="Teamslide">
 +
<ul>
-
<ol class="pos_fixed">
+
<li>
-
<li><a href="#notebook">notebook</a></li>
+
<img src="https://static.igem.org/mediawiki/2013/2/2c/Teamslide1.jpg" width="960" height="320" />
-
<li><a href="#protocols">protocols</a></li>
+
-
<li><a href="#safety">safety</a></il>
+
-
</ol>
+
 +
</li>
 +
<li>
 +
<img src="https://static.igem.org/mediawiki/2013/4/4a/Teamslide2.jpg" width="960" height="320" />                 
 +
</li>
 +
 +
<li>
 +
<img src="https://static.igem.org/mediawiki/2013/8/82/Teamslide3.jpg" width="960" height="320" />                 
 +
</li>
-
</body>
+
<li>
-
<head>
+
<img src="https://static.igem.org/mediawiki/2013/3/37/Teamslide4.jpg" width="960" height="320" />                
 +
</li>
-
<style>
+
</ul>
-
.menu ol
+
-
{
+
-
list-style-type:none;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
.menu li
+
-
{
+
-
float:left;
+
-
}
+
-
.menu a:link,.menu a:visited
+
-
{
+
-
display:block;
+
-
width:120px;
+
-
font-weight:bold;
+
-
color:#FFFFFF;
+
-
background-color:#98bf21;
+
-
text-align:center;
+
-
padding:4px;
+
-
text-decoration:none;
+
-
text-transform:uppercase;
+
-
}
+
-
.menu a:hover,.menu a:active
+
-
{
+
-
background-color:#7A991A;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</style>
+
-
<title>Team</title>
+
-
</head>
+
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
+
-
</script>
+
-
<script>
+
-
$(document).ready(function()
+
-
  {
+
-
  $("#team1").mouseover(function(){
+
-
    $("#team1").animate({width:"110px"});
+
-
  });
+
-
  $("#team2").mouseleave(function(){
+
-
    $("#team1").animate({width:"220px"});
+
-
  });
+
-
  $("#wetlab1").mouseover(function(){
+
-
    $("#wetlab1").animate({width:"110px"});
+
-
  });
+
-
  $("#wetlab2").mouseleave(function(){
+
-
    $("#wetlab1").animate({width:"220px"});
+
-
  });
+
-
  $("#hp1").mouseover(function(){
+
-
    $("#hp1").animate({width:"215px"});
+
-
  });
+
-
  $("#hp2").mouseleave(function(){
+
-
    $("#hp1").animate({width:"430px"});
+
-
  });
+
-
  $("#project1").mouseover(function(){
+
-
    $("#project1").animate({width:"110px"});
+
-
  });
+
-
  $("#project2").mouseleave(function(){
+
-
    $("#project1").animate({width:"220px"});
+
-
  });
+
-
  $('#menubar').mouseover(function(){
+
-
    $('#menubar').stop().animate({top:"0px"},500);
+
-
  });
+
-
  $('#menubar').mouseleave(function(){
+
-
    $('#menubar').stop().animate({top:"-20px"},500);
+
-
  });
+
-
  $('#menubar.right-menu').mouseover(function(){
+
-
    $('#menubar.right-menu').stop().animate({top:"0px"},500);
+
-
  });
+
-
  $('#menubar.right-menu').mouseleave(function(){
+
-
    $('#menubar.right-menu').stop().animate({top:"-20px"},500);
+
-
  });
+
-
});
+
-
</script>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<body>
+
-
 
+
-
 
+
-
<h3><center><div id="kepala" style="height:121px;width:965px;"><img src="https://static.igem.org/mediawiki/2013/5/5a/Banner_gear.png" id="banner" style="height:121px;width:965px;align:middle;"></div></center></h3>
+
-
<center><img src  = "https://static.igem.org/mediawiki/2012/8/81/HKUST2012Team.jpg" alt="HKUST iGEM Team 2013" id="photo" width="480" height="300" margin-top:1px;></center>
+
-
<div id="instructors" style="background-color:#FFD700;height:120px;width:300px;">
+
-
<a href = "https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/instructors" id="instructorsword">Instructors</a>
+
-
<img src = "https://static.igem.org/mediawiki/2013/3/3d/Safety_white.png" id="instructorsphoto" width="120" height="120">
+
</div>
</div>
-
<div id="advisors" style="background-color:#FCFF27;height:120px;width:300px;">
 
-
<a href = "https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/advisors" id="advisorsword">Advisors</a>
 
-
<img src = "https://static.igem.org/mediawiki/2013/2/21/Wetlab.png" id="advisorsphoto" width="120" height="100">
 
-
</div>
 
-
<div id="members" style="background-color:#FF9E0B;height:120px;width:300px;">
 
-
<a href = "https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/members" id="membersword">Members</a>
 
-
<img src = "https://static.igem.org/mediawiki/2013/c/c6/Teambox.png" id="membersphoto" width="130" height="90">
 
-
</div>
 
-
<div id="copyright">© Copyright HKUST iGEM Team 2013, All Rights Reserved<br><br><br></div>
 
-
<style type="text/css">
 
-
.menu
 
-
{
 
-
position:absolute;
 
-
left:-10px;
 
-
top:140px;
 
-
}
 
-
#banner
 
-
{
 
-
position:absolute;
 
-
left:-15px;
 
-
top:15px;
 
-
}
 
-
#photo
 
-
{
 
-
position:absolute;
 
-
left:250px;
 
-
top:200px;
 
-
}
 
-
#membersphoto
 
-
{
 
-
position:absolute;
 
-
left:150px;
 
-
top:10px;
 
-
}
 
-
#advisorsphoto
 
-
{
 
-
position:absolute;
 
-
left:150px;
 
-
top:5px;
 
-
}
 
-
#instructorsphoto
 
-
{
 
-
position:absolute;
 
-
left:150px;
 
-
top:0px;
 
-
}
 
-
#membersword
 
-
{
 
-
position:absolute;
 
-
left:10px;
 
-
top:5px;
 
-
}
 
-
#advisorsword
 
-
{
 
-
position:absolute;
 
-
left:10px;
 
-
top:5px;
 
-
}
 
-
#instructorsword
 
-
{
 
-
position:absolute;
 
-
left:10px;
 
-
top:5px;
 
-
}
 
-
#members
 
-
{
 
-
position:absolute;
 
-
left:5px;
 
-
top:530px;
 
-
}
 
-
#advisors
 
-
{
 
-
position:absolute;
 
-
left:340px;
 
-
top:530px;
 
-
}
 
-
#instructors
 
-
{
 
-
position:absolute;
 
-
right:5px;
 
-
top:530px;
 
-
}
 
-
#copyright
 
-
{
 
-
position:absolute;
 
-
right:330px;
 
-
top:700px;
 
-
}
 
-
#globalWrapper
 
-
{
 
-
background-color:#fff7e8;
 
-
height:560px;
 
-
}
 
-
#content
 
-
{
 
-
background-color:#fff7e8;
 
-
border-color:#fff7e8;
 
-
}
+
<div id="teamdesc"><center><h3>TEAM SPIRIT!</h3><p> Our team consists of thirteen bright undergrads, working eagerly for nine months, transforming our project design into reality. With the kind help of our advisors and instructors, we managed to make the most of our time. We learned, grew and bonded together over the (mostly) stressful hours of digestion, gel electrophoresis, PCR and ligation. These are the people with whom we celebrated when things went right, and who propped us up when things were less than right. We wanted <i>you</i> to know them and us better. Don't be afraid to say HI if you see us in the Regional Jamboree. Who knows, maybe we might end up doing research together in the future!</center></p></div>
-
#menubar
+
<div id="interview"><center><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/members"><h3>MEMBERS</h3></a></center></div>
-
{
+
<div id="presentation"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors"><center><h3>ADVISORS</h3></a></center></div>
-
background-color:#EEECEC;
+
<div id="article"><center><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors"><h3>INSTRUCTORS</h3></a></center></div>
-
opacity:0.8;
+
<div id="presentation1"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/attribution"><center><h3>ATTRIBUTION</h3></a></center></div>
-
top:-4px;
+
<div id="article1"><center><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/acknowledge"><h3>ACKNOWLEDGEMENT</h3></a></center></div>
-
width:360px;
+
-
height:23px;
+
-
position:absolute;
+
-
top:-20px;
+
-
}
+
-
#menubar ul li a  
+
-
{
+
-
color:#8D1919;
+
-
}
+
-
#menubar.right-menu
+
-
{
+
-
background-color:#EEECEC;
+
-
opacity:0.8;
+
-
top:-4px;
+
-
width:240px;
+
-
height:23px;
+
-
position:absolute;
+
-
top:-20px;
+
-
}
+
-
.right-menu li a  
+
-
{
+
-
color:#8D1919; 
+
-
background-color:#EEECEC;
+
-
}
+
-
#p-logo
 
-
{
 
-
height:0px;
 
-
visibility:hidden;
 
-
}
 
-
#top-section
 
-
{
 
-
height:0px;
 
-
}
 
-
#footer-box
 
-
{
 
-
height:0px;
 
-
display:none;
 
-
visbility:hidden;
 
-
}
 
-
#catlinks
 
-
{
 
-
border-color:#fff7e8;
 
-
background-color:#fff7e8;
 
-
}
 
-
#search-controls
 
-
{
 
-
visibility:hidden
 
-
}
 
-
.firstHeading
 
-
{
 
-
visibility:hidden
 
-
}
 
-
 
-
</style>
 
-
 
-
</div>
 
</body>
</body>
</html>
</html>

Latest revision as of 12:52, 28 October 2013




TEAM SPIRIT!

Our team consists of thirteen bright undergrads, working eagerly for nine months, transforming our project design into reality. With the kind help of our advisors and instructors, we managed to make the most of our time. We learned, grew and bonded together over the (mostly) stressful hours of digestion, gel electrophoresis, PCR and ligation. These are the people with whom we celebrated when things went right, and who propped us up when things were less than right. We wanted you to know them and us better. Don't be afraid to say HI if you see us in the Regional Jamboree. Who knows, maybe we might end up doing research together in the future!

INSTRUCTORS