Team:Hong Kong HKUST/alfiteam

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:Hong_Kong_HKUST/shell|
{{Team:Hong_Kong_HKUST/shell|
 +
<html>
 +
<head>
-
<html><head>
 
-
<script>
 
-
var on = true;
 
-
var myVar = setInterval(function(){ if(on) {slides()}on=true;},9000);
 
-
 
-
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>
 
-
 
<style type="text/css">
<style type="text/css">
-
.slide_pic > img {
+
.start_up_link_button .start_up_link_container{
-
width: 950px;
+
height: 330px;
}
}
</style>
</style>
-
<style type="text/css">
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
-
+
             
-
#interview,#presentation,#article
+
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/team_basic.css&action=raw&ctype=text/css" type="text/css" />
-
{margin-top:20px;width:25%;margin-right:20px;float:left;height:auto;border:2px solid;
+
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/galleriffic-2.css&action=raw&ctype=text/css" type="text/css" />
-
border-radius:15px; padding:5px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
+
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/jquery-1.3.2.js&action=raw&ctype=text/css"></script>
-
#presentation1
+
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/jquery.galleriffic.js&action=raw&ctype=text/css"></script>
-
{margin-top:20px;width:29%;float:left;height:auto;border:2px solid;
+
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/jquery.opacityrollover.js&action=raw&ctype=text/css"></script>
-
border-radius:15px; padding:5px;margin-left:210px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
+
<!-- We only want the thunbnails to display when javascript is disabled -->
-
#article1{margin-top:20px;width:29%;float:left;height:auto;border:2px solid;
+
<script type="text/javascript">
-
border-radius:15px; padding:5px;margin-left:20px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
+
document.write('<style>.noscript { display: none; }</style>');
-
#interview
+
</script>
-
{margin-left:85px;background:#6599FF;}
+
-
#presentation
+
-
{background:#35bb91;}
+
-
#article
+
-
{background:#6599FF;}
+
-
#presentation1,#article1{background:#35bb91;}
+
-
h3{margin-left:10px;font-size:24px;}
+
-
<meta charset=utf-8 />
+
-
<title>HTML5 jQuery Tabs</title>
+
-
</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" >
-
</head></html>
+
 
 +
 +
</head>
 +
</html>
|
|
-
<html><body>
+
<html>
-
<div id="content_container">
+
<body>
-
<div class= "banner_area">
+
<div id="page">
-
<img src= 'https://static.igem.org/mediawiki/2014/archive/3/3c/20140930022303!HKUST_2014_pneumosensor_banner.jpg' />
+
<div id="container" style="height:900px;background-color:#fcebe6">
 +
<div id="students" style="font-size:40px; font-family:Verdana; left:50px;font-weight:900"> Advisors </div>
 +
<div id="gallery" class="content">
 +
 +
<div class="slideshow-container">
 +
<div id="loading" class="loader"></div>
 +
<div id="slideshow" class="slideshow"></div>
 +
</div>
 +
<div id="caption" class="caption-container"></div>
 +
</div>
 +
<div id="thumbs" class="navigation" style="margin-top:5px">
 +
<ul class="thumbs noscript">
 +
<li>
 +
<a class="thumb" name="leaf"  href="https://static.igem.org/mediawiki/2014/3/35/Trevor_new.jpg" title="Title #0">
 +
<img style="height:74px;width:74px" src="https://static.igem.org/mediawiki/2014/3/35/Trevor_new.jpg" alt="Title #0" >
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Trevor Y.H. Ho</div>
 +
                              <div class="title" style="margin-top:5px;font-family: Verdana;font-style:italic">2nd year, MPhil in Bioengineering</div>
 +
<div class="image-desc" style="font-size:15px;  margin-top: 2px;">Trevor is a second year Master’s student in Bioengineering. This is his 4th year in iGEM and his 3rd year as an advisor. He is combining basic biological parts, CRISPR/Cas system, microfluidic devices, simple modelling and other exotic tools from synthetic biology to gain insights into the significance of genetic regulation topologies in development. His interests includes establishing trending techniques in the lab and testing cheap but effective substitutes for everything.
 +
                                </div>
 +
</div>
 +
</li>
-
</div>
+
<li>
-
<hr>
+
<a class="thumb" name="drop" href="https://static.igem.org/mediawiki/2014/9/9a/Sean1.jpg" title="Title #1">
-
<section id="slide">
+
<img style="height:74px;width:74px" src="https://static.igem.org/mediawiki/2014/9/9a/Sean1.jpg" alt="Title #1" />
-
<button onclick="back_slide(true)" class="prev">&#171;</button>
+
</a>
-
<button onclick="slides(true)" class="next">&#187;</button>
+
<div class="caption">
-
<div class="slide_pic">
+
-
<img class="picture" src="https://static.igem.org/mediawiki/2014/1/18/HKUST_MainPage_Slideshow1.png"/>
+
<div class="image-title">Sean Carim</div>
-
</div>
+
                              <div class="title" style="margin-top:5px;font-family: Verdana;font-style:italic">3nd year, BSc in Biological Science </div>
-
<div class="slide_pic">
+
<div class="image-desc" style="font-size:15px;  margin-top: 2px;">Sean is a final year Biology major who was a team member in 2012, and is now in his 2nd year as a team advisor. Sean's first encounter with iGEM ignited his interest in applied biosciences, and he has since always tried to find research opportunities where he could collaborate with engineers. He has worked on ocular drug delivery and engineering bioreporter bacteria, and is now working in collaboration with researchers in the Dept. of Civil and Environmental Engineering to characterize phosphate-accumulating bacteria found in their wastewater treatment reactor. Outside academic life, Sean enjoys hiking, playing foosball, and dancing to '80s funk in his room when no one is watching.  </div>
-
<img src="https://static.igem.org/mediawiki/2014/4/45/HKUST_MainPage_Slideshow2.png"/>
+
</div>
-
</div>
+
-
<div class="slide_pic">
+
</li>
-
<img src="https://static.igem.org/mediawiki/2014/7/79/HKUST_MainPage_Slideshow3.png"/>
+
-
</div>
+
-
<div class="slide_pic">
+
-
<img src="https://static.igem.org/mediawiki/2014/d/d9/HKUST_MainPage_Slideshow4.png"/>
+
-
</div>
+
-
</section>
+
-
<!-- Work of Juston Cheney -->
+
 +
<li>
 +
<a class="thumb" name="drop" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #1">
 +
<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #1" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Hyun Jung Lee</div>
 +
                              <div class="title" style="margin-top:5px;font-family: Verdana;font-style:italic">3nd year, BSc in Biochemistry</div>
 +
<div class="image-desc" style="font-size:15px;  margin-top: 2px;">Chloe is a final year Biochemistry student. She was the member of HKUST iGEM 2013 team and the first year helping as a team advisor. She loves the interdisciplinary nature of iGEM, enforcing her to be open to disciplines outside laboratory. She is currently working in a cell cycle lab studying interactions between cell cycle regulatory proteins with yeast and mammalian cells. </div>
 +
</div>
 +
 +
</li>
-
<hr>
+
<li>
 +
<a class="thumb" name="drop" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #1">
 +
<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #1" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Winnie Wai In Hui</div>
 +
                              <div class="title" style="margin-top:5px;font-family: Verdana;font-style:italic">3nd year, BSc in Biological Science</div>
 +
<div class="image-desc" style="font-size:15px;  margin-top: 2px;">Winnie is a third year Biology student. She was the member of HKUST iGEM 2013 team. iGEM experience inspired her to explore the field of research. She has worked in a stem cell lab and is currently working in a cell cycle lab. She would like to work on disease related toipcs and help people in the future. Besides having fun with cells in the lab, she also loves travelling, reading and playing instruments.</div>
 +
</div>
 +
 +
</li>
-
<tr><td colspan=2>
 
-
    <a href="http://www.ust.hk" style="font-size:40px;text-decoration: underline">HKUST</a></td></tr>
 
-
<tr><td>
 
-
    <p style="font-size:14px;line-height:200%;"; align:justify">
+
<li>
-
The Hong Kong University of Science and Technology is an international research university. Founded
+
<a class="thumb" name="drop" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #1">
-
in 1991, HKUST is an international research university with strong ties to global thought leaders,  
+
<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #1" />
-
whilst having wide-ranging connections with Mainland China. It promotes interdisciplinary studies,  
+
</a>
-
dedicated to educating well-rounded students to acquire a strong entrepreneurial spirit and innovative
+
<div class="caption">
-
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
+
<div class="image-title">Satien Wiliawaty</div>
-
time from Central Hong Kong.  
+
                              <div class="title" style="margin-top:5px;font-family: Verdana;font-style:italic">3rd year, BSc in Biochemistry and Cell Biology</div>
-
<br>
+
<div class="image-desc" style="font-size:15px; margin-top: 2px;"> Satien is a HKUST third year student majoring in Biochemistry and Cell Biology. She is from Indonesia. She loves to try different kinds of food, singing, and watch movies. She would like to research about different kinds of diseases and find the solutions so that she can help people. She does not know whether she will do graduate school or not. She is very happy to see this year iGEM team because it is very diverse and finally we can find some business students to join us. Good luck people :D</div>
 +
</div>
 +
 +
</li>
 +
<li>
 +
<a class="thumb" name="drop" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #1">
 +
<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #1" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Derek Chu Ka Long</div>
 +
                              <div class="title" style="margin-top:5px;font-family: Verdana;font-style:italic">3nd year, BSc in Biochemistry</div>
 +
<div class="image-desc" style="font-size:15px;  margin-top: 2px;">Derek is an undergraduate student majoring in Biochemistry. He was a member of the 2013 HKUST iGEM team.  </div>
 +
</div>
 +
 +
</li>
-
</p></td>
+
<li>
-
<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 class="thumb" name="drop" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #1">
-
</tr></table>
+
<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #1" />
-
  </div>
+
</a>
-
<div id="interview">
+
<div class="caption">
-
<center>
+
-
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/members">
+
<div class="image-title">Astrid Sephira Alim</div>
-
<h3>MEMBERS</h3>
+
                              <div class="title" style="margin-top:5px;font-family: Verdana;font-style:italic">3rd year, BSc in Biochemistry and Cell Biology</div>
-
</a>
+
<div class="image-desc" style="font-size:15px;  margin-top: 2px;"> </div>
-
</center>
+
<div class="image-desc" style="font-size:15px;  margin-top: 2px;">Astrid was a member of 2013 iGEM team. She has passion in lab work, which is shown during lab skils tutorial. Besides, she was very helpful when we were coding the wiki and designing the page.  </div>
-
</div>
+
</div>
-
<div id="presentation">
+
 +
</li>
-
<center>
+
<li>
-
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/advisors">
+
<a class="thumb" name="drop" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #1">
-
<h3>ADVISORS</h3>
+
<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #1" />
-
</a>
+
</a>
-
</center>
+
<div class="caption">
-
</div>
+
-
<div id="article">
+
<div class="image-title">Bida Gu</div>
-
<center>
+
                              <div class="title" style="margin-top:5px;font-family: Verdana;font-style:italic">4th year, BSc in Biological Science</div>
-
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/instructors">
+
<div class="image-desc" style="font-size:15px;  margin-top: 2px;"> Bida has been our advisor for several years and he is super nice and passionately gives us suggestions for our planning and lab skills. </div>
-
<h3>INSTRUCTORS</h3>
+
</div>
-
</a>
+
-
</center>
+
</li>
-
</div>
+
-
<div id="presentation1">
+
-
<center>
+
                       
-
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/attribution">
+
                   
-
<h3>ATTRIBUTION</h3>
+
   
-
</a>
+
</ul>
-
</center>
+
</div>
-
</div>
+
-
<div id="article1" style="margin-bottom:20px">
+
-
<center>
+
-
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/acknowledgement">
+
-
<h3>ACKNOWLEDGEMENT</h3>
+
-
</a>
+
-
</center>
+
-
</div>
+
-
<div style="float:right;font-size:12px;margin-tops:100px">
+
<div style="clear: both;"></div>
 +
                <div id="to_others" style="float:left; margin-top:0px"">
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/members"><img style="margin-bottom:450px" src="https://static.igem.org/mediawiki/2014/d/d3/Members_Version_2.png"></a>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/instructors"><img style="margin-bottom:450px" src="https://static.igem.org/mediawiki/2014/7/7e/Instructor2.png"></a>
 +
              </div>
 +
<div style="float:right;font-size:12px;margin-top:300px">
<b>
<b>
-
This quick link buttons were based on HKUST 2013 iGEM team's Main page
+
This gallery was based on Trent Foley's
-
<a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">code</a>
+
<a href="http://www.twospy.com/galleriffic/">code</a>
</b>
</b>
-
</div>
 
</div>
</div>
-
<script id="jsbin-javascript">
+
</div>
-
;(function($){
+
-
  $.fn.html5jTabs = function(options){
+
</div>
-
    return this.each(function(index, value){
+
<div id="footer">&copy; 2009 Trent Foley</div>
-
      var obj = $(this),
+
<script type="text/javascript">
-
      objFirst = obj.eq(index),
+
jQuery(document).ready(function($) {
-
      objNotFirst = obj.not(objFirst);
+
// We only want these styles applied when javascript is enabled
-
     
+
$('div.navigation').css({'width' : '300px', 'float' : 'left'});
-
      $("#" +  objNotFirst.attr("data-toggle")).hide();
+
$('div.content').css('display', 'block');
-
      $(this).eq(index).addClass("active");
+
 
-
     
+
// Initially set opacity on thumbs and add
-
      obj.click(function(evt){
+
// additional styling for hover effect on thumbs
-
          
+
var onMouseOutOpacity = 0.67;
-
         toggler = "#" + obj.attr("data-toggle");
+
$('#thumbs ul.thumbs li').opacityrollover({
-
        togglerRest = $(toggler).parent().find("div");
+
mouseOutOpacity:  onMouseOutOpacity,
-
       
+
mouseOverOpacity:  1.0,
-
        togglerRest.hide().removeClass("active");
+
fadeSpeed:        'fast',
-
        $(toggler).show().addClass("active");
+
exemptionSelector: '.selected'
-
       
+
});
-
        $(this).parent("div").find("a").removeClass("active");
+
-
$(this).addClass("active");
+
// Initialize Advanced Galleriffic Gallery
-
        return false;
+
var gallery = $('#thumbs').galleriffic({
-
      });
+
delay:                    2500,
-
    });
+
numThumbs:                21,
-
  };
+
preloadAhead:              10,
-
}(jQuery));
+
enableTopPager:            true,
 +
enableBottomPager:         true,
 +
maxPagesToShow:            7,
 +
imageContainerSel:         '#slideshow',
 +
controlsContainerSel:      '#controls',
 +
captionContainerSel:      '#caption',
 +
loadingContainerSel:      '#loading',
 +
renderSSControls:          true,
 +
renderNavControls:        true,
 +
playLinkText:              'Play Slideshow',
 +
pauseLinkText:            'Pause Slideshow',
 +
prevLinkText:              '&lsaquo; Previous Photo',
 +
nextLinkText:              'Next Photo &rsaquo;',
 +
nextPageLinkText:          'Next &rsaquo;',
 +
prevPageLinkText:          '&lsaquo; Prev',
 +
enableHistory:            false,
 +
autoStart:                false,
 +
syncTransitions:          true,
 +
defaultTransitionDuration: 900,
 +
onSlideChange:            function(prevIndex, nextIndex) {
 +
// 'this' refers to the gallery, which is an extension of $('#thumbs')
 +
this.find('ul.thumbs').children()
 +
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
 +
.eq(nextIndex).fadeTo('fast', 1.0);
 +
},
 +
onPageTransitionOut:      function(callback) {
 +
this.fadeTo('fast', 0.0, callback);
 +
},
 +
onPageTransitionIn:        function() {
 +
this.fadeTo('fast', 1.0);
 +
}
 +
});
 +
});
 +
</script>
-
$(function() {
 
-
  $(".tabs a").html5jTabs();
 
-
});
 
-
</script>
 
</div>
</div>
</body>
</body>
-
 
-
 
-
 
</html>
</html>
}}
}}

Revision as of 06:00, 10 October 2014



Advisors
This gallery was based on Trent Foley's code

Home

Pneumosensor

Riboregulator

Human Practice

Team

WetLab

Achievement