Team:Hong Kong HKUST/astrid

From 2014.igem.org

(Difference between revisions)
 
(81 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<style>
+
<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" >
-
      .pull-right{
+
<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" >
-
      float: right}
+
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/Achievements_page.css&action=raw&ctype=text/css" type="text/css" >
-
 
+
 
-
  .thumbnail {
+
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
-
    border: 1px solid #ddd;
+
<script src="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/access-menu.js&action=raw&ctype=text/css"></script>
-
    border-radius: 4px;
+
-
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+
-
    display: block;
+
-
    line-height: 20px;
+
-
    padding: 4px;
+
-
    transition: all 0.2s ease-in-out 0s;
+
-
}
+
-
    img {
+
-
    vertical-align: middle;}
+
-
element.style {
+
                <meta http-equiv="Content-type" content="text/html; charset=utf-8">
-
    text-align: justify;
+
             
-
    width: 450px;
+
<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" />
-
}
+
<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" />
-
.pull-left {
+
<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>
-
    float: left;}
+
<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>
 +
<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>
 +
<!-- We only want the thunbnails to display when javascript is disabled -->
 +
<script type="text/javascript">
 +
document.write('<style>.noscript { display: none; }</style>');
 +
</script>
-
 
-
</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>
 
-
$(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/advisors">Advisors</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>
+
-
 
+
-
 
+
<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>
</div>
-
+
<div id="page">
 +
<div id="container">
 +
 +
<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">
 +
<ul class="thumbs noscript">
 +
<li>
 +
<a class="thumb" name="leaf"  href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #0">
 +
<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #0" >
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Haemin Cho</div>
 +
                              <div class="title" style="margin-top:0px">Team Leader</div>
 +
<div class="image-desc" style="font-size:15px;  margin-top: -10px;">Haemin is a second year student majoring in Biotechnology. She is one of the two leaders of this year's HKUST iGEM Team. In the lab, she works diligently and is very helpful when needed. But most of the times, she looks blank-minded and often makes small careless mistakes. Her trademark quote is "What did I just do? *blank face*" </div>
 +
</div>
 +
</li>
 +
<li>
 +
<a class="thumb" name="drop" href="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9.jpg" title="Title #1">
 +
<img src="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9_s.jpg" alt="Title #1" />
 +
</a>
 +
<div class="caption">
 +
                            <div class="image-title">BONGSO, Nadia Benedicta</div>
 +
"She is one of the rare team member that does not major in Life Science, she is a year 2 student majoring Chemical and Biomolecular Engineering(but still, Bio is involved). She is one of the 3-man Indonesian gang, which contributes to most of the noise in lab. She is indeed very helpful in the lab, such as helping to fill boxes of tips just after a few hours she landed in HK. She also helped much in Human Practice work.
 +
She is quite absent-minded about her iPad, luckily she does not forget her lab work. She LOVES people calling her surname, and she really likes Hong Kong Disneyland."
 +
</div>
 +
</li>
-
<html>
+
<li>
-
<script type="text/javascript">
+
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
-
$(document).ready(function() {
+
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Jordy Evan Sulaiman</div>
 +
<div class="image-desc">Jordy is a year two student majoring in chemical and bimolecular engineering. He is hard-working, diligent, and creative. He also likes to eat, play basketball, and play computer games. Above all, he likes Doyle the most. Though Jordy is very funny, sometimes he can be extremely serious when doing something. The scary part of Jordy is that he is good at everything, even arts. Everyone likes Jordy. </div>
 +
</div>
 +
</li>
-
      $(".member_a_block").hover(function(){
+
<li>
-
      $(this).find($(".blacknwhite")).fadeOut();
+
<a class="thumb" name="lizard" href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b.jpg" title="Title #3">
-
      $(this).find($(".member_name")).animate({bottom:'105px'});
+
<img src="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_s.jpg" alt="Title #3" />
-
      if( $(this).hasClass("on_right") )
+
</a>
-
      $(this).find($(".member_description")).animate({left:'10px'});
+
<div class="caption">
-
      else
+
-
      $(this).find($(".member_description")).animate({right:'10px'});
+
<div class="image-title">WIDJAJA, Angeline</div>
 +
<div class="image-desc">Angeline a.k.a Angie is the angel of iGEM. She is a cheerful lady who likes to work but also have fun at the same time. She loves to play basketball and play games with other people. She is excellent in making friends with other people. There's nothing bad about her except for her spontaneous randomness. But that characteristic of her is what makes iGEM fun in some way or another. Interesting and unique people are the ones who everyone should cherish. </div>
 +
</div>
 +
</li>
-
      },
+
<li>
-
      function(){
+
<a class="thumb" href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18.jpg" title="Title #4">
-
      $(this).find($(".blacknwhite")).fadeIn();
+
<img src="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_s.jpg" alt="Title #4" />
-
    $(this).find($(".member_name")).animate({bottom:'10px'});
+
</a>
-
      if( $(this).hasClass("on_right") )
+
<div class="caption">
-
      $(this).find($(".member_description")).animate({left:'-250px'});
+
-
      else
+
<div class="image-title" style="margin-left: auto;margin-right: auto;width: 70%;background-color: #b0e0e6>Haemin Cho</div>
-
      $(this).find($(".member_description")).animate({right:'-250px'});
+
<div class="image-desc">Description</div>
-
      }
+
</div>
-
      )
+
</li>
-
});
+
<li>
-
</script>
+
<a class="thumb" href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd.jpg" title="Title #5">
-
<div class="container">
+
<img src="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_s.jpg" alt="Title #5" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Title #5</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
-
    <ul class="nav nav-tabs" id="myTab">
+
<li>
-
    <li class="active"><a href="#Team">Valencia Biocampus</a></li>
+
<a class="thumb" href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b.jpg" title="Title #6">
-
    <li><a href="#Students">Students</a></li>
+
<img src="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_s.jpg" alt="Title #6" />
-
    <li><a href="#Advisors">Advisors</a></li>
+
</a>
-
    <li><a href="#Instructors">Instructors</a></li>
+
<div class="caption">
-
    <li><a href="#Universities">Universities</a></li>
+
-
    </ul>
+
<div class="image-title">Title #6</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
-
    <div class="tab-content">
+
<li>
-
    <div class="tab-pane fade active in" id="Team">
+
<a class="thumb" href="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23.jpg" title="Title #7">
-
    <div class="pull-left" style="width:450px;text-align:justify;">
+
<img src="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23_s.jpg" alt="Title #7" />
-
</html>
+
</a>
-
== Valencia Biocampus ==
+
<div class="caption">
-
<html>
+
-
    <div class="divider" style="border-bottom:1px solid #777;margin-bottom:25px"></div>
+
<div class="image-title">Title #7</div>
-
    We are the Valencia Biocampus Team, a group of 10 students from the University of Valencia and the Polytechnic University of Valencia.
+
<div class="image-desc">Description</div>
-
    <br/>     <br/>
+
</div>
-
You can follow our activity in the most common social networks:
+
</li>
-
<br/>
+
-
<div style="text-align:center;margin-top:3px;">
+
-
<a href="http://www.facebook.com/pages/València-Biocampus-IGEM/284330661673814"><img src="https://static.igem.org/mediawiki/2013/9/91/1380788391_facebook_square.png" alt="Facebook" title="Facebook" /></a>  
+
-
<a href="http://twitter.com/vlc_biocampus"><img src="https://static.igem.org/mediawiki/2013/b/b6/1380788385_twitter_square.png" alt="Twitter" title="Twitter" /></a>  
+
-
<a href="http://www.youtube.com/channel/UCvnn8shHH64omOF17Ei4H7w"><img src="https://static.igem.org/mediawiki/2013/e/ea/1380788439_youtube_square_color.png" alt="Youtube" title="Youtube" /></a>  
+
-
<a href="http://instagram.com/vlc_biocampus"><img src="https://static.igem.org/mediawiki/2013/5/5f/1380788401_instagram_square_color.png" alt="Instagram" title="Instagram" /></a>  
+
-
</div>
+
-
    <br/>
+
-
If you want to contact us, become a sponsor or you liked the idea, please address us using the button below:
+
-
    <br/>  
+
<li>
 +
<a class="thumb" href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2.jpg" title="Title #8">
 +
<img src="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_s.jpg" alt="Title #8" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Title #8</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
-
  <div style="text-align:center;padding:15px">
+
<li>
-
  <a href="mailto:vlc.biocampus.igem@gmail.com?subject='Contact from iGEM'" class="btn btn-primary btn-large">Contact us</a>
+
<a class="thumb" href="http://farm3.static.flickr.com/2315/2537343449_f933be8036.jpg" title="Title #9">
-
</div>
+
<img src="http://farm3.static.flickr.com/2315/2537343449_f933be8036_s.jpg" alt="Title #9" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Title #9</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
-
</div>
+
<li>
-
    <img src="https://static.igem.org/mediawiki/2013/b/b4/Valencia_biocampus_team.jpg" alt="The team" style="width:450px" class="thumbnail pull-right" />
+
<a class="thumb" href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280.jpg" title="Title #10">
 +
<img src="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_s.jpg" alt="Title #10" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Title #10</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
-
    </div>
+
<li>
-
    <div class="tab-pane fade" id="Students">
+
<a class="thumb" href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e.jpg" title="Title #11">
-
</html>
+
<img src="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_s.jpg" alt="Title #11" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Title #11</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
-
== Team - Students ==
+
<li>
-
<html>
+
<a class="thumb" href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba.jpg" title="Title #12">
-
<div class="clearfix"></div>
+
<img src="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_s.jpg" alt="Title #12" />
 +
</a>
 +
<div class="caption">
 +
 +
<div class="image-title">Title #12</div>
 +
<div class="image-desc">Description</div>
 +
</div>
 +
</li>
-
<ul class="team_members">
+
<li>
-
<li>
+
<a class="thumb" href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60.jpg" title="Title #13">
-
<a href="https://igem.org/User:Aluzcor" class="member_a_block">
+
<img src="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_s.jpg" alt="Title #13" />
-
<img src="https://static.igem.org/mediawiki/2013/6/6e/Vlc_biocampus_team_alba-corman_bnw.jpg" class="blacknwhite" alt="Alba Corman" />
+
</a>
-
<img src="https://static.igem.org/mediawiki/2013/5/58/Vlc_biocampus_team_alba-corman.jpg" class="colored" alt="Alba Corman" />
+
<div class="caption">
-
<h4 class="member_name">Alba Corman</h4>
+
-
<div class="member_description">
+
<div class="image-title">Title #13</div>
-
    <span>Wiki</span>
+
<div class="image-desc">Description</div>
-
    <span>Poster</span>
+
</div>
-
    <span>Talk</span><br/>
+
</li>
-
    <span>Nets&amp;Crowdfunding</span>
+
-
    <span>E.coli</span>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://igem.org/User:Jesdelo" class="member_a_block on_right">
+
-
<img src="https://static.igem.org/mediawiki/2013/9/9d/Vlc_biocampus_team_jessica-de-loma_bnw.jpg" class="blacknwhite" alt="Jessica de Loma" />
+
-
<img src="https://static.igem.org/mediawiki/2013/e/ec/Vlc_biocampus_team_jessica-de-loma.jpg" class="colored" alt="Jessica de Loma" />
+
-
<h4 class="member_name">Jessica de Loma</h4>
+
-
<div class="member_description">
+
-
    <span>Human Practices</span><br/>
+
-
    <span>Talk</span>
+
-
    <span>E.Coli</span>
+
-
</div>
+
<li>
-
</a>
+
<a class="thumb" href="http://farm3.static.flickr.com/2041/2083498578_114e117aab.jpg" title="Title #14">
-
</li>
+
<img src="http://farm3.static.flickr.com/2041/2083498578_114e117aab_s.jpg" alt="Title #14" />
-
<li>
+
</a>
-
<a href="https://igem.org/User:PedroLDM" class="member_a_block">
+
<div class="caption">
-
<img src="https://static.igem.org/mediawiki/2013/0/0c/Vlc_biocampus_team_pedro-dorado_bnw.jpg" class="blacknwhite" alt="Pedro Dorado" />
+
-
<img src="https://static.igem.org/mediawiki/2013/f/f0/Vlc_biocampus_team_pedro-dorado.jpg" class="colored" alt="Pedro Dorado" />
+
<div class="image-title">Title #14</div>
-
<h4 class="member_name">Pedro Dorado</h4>
+
<div class="image-desc">Description</div>
-
<div class="member_description">
+
</div>
-
    <span>Poster</span>
+
</li>
-
    <span>E.Coli</span><br/>
+
<li>
-
    <span>Worms</span>
+
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
-
    <span>Biobricks</span>
+
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
-
</div>
+
</a>
-
</a>
+
<div class="caption">
-
</li>
+
-
<li>
+
<div class="image-title">Title #2</div>
-
<a href="https://igem.org/User:Alba" class="member_a_block on_right">
+
<div class="image-desc">Description</div>
-
<img src="https://static.igem.org/mediawiki/2013/a/a1/Vlc_biocampus_team_alba-iglesias_bnw.jpg" class="blacknwhite" alt="Alba Iglesias" />
+
</div>
-
<img src="https://static.igem.org/mediawiki/2013/1/1c/Vlc_biocampus_team_alba-iglesias.jpg" class="colored" alt="Alba Iglesias" />
+
</li>
-
<h4 class="member_name">Alba Iglesias</h4>
+
<li>
-
<div class="member_description">
+
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
-
    <span>Biobricks</span>
+
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
-
    <span>Nets&amp;Crowfunding</span><br/>
+
</a>
-
    <span>Human Practices</span>
+
<div class="caption">
-
    <span>Pseudomonas</span>
+
-
</div>
+
<div class="image-title">Title #2</div>
-
</a>
+
<div class="image-desc">Description</div>
-
</li>
+
</div>
-
<li>
+
</li>
-
<a href="https://igem.org/User:Marinamch92" class="member_a_block">
+
<li>
-
<img src="https://static.igem.org/mediawiki/2013/6/64/Vlc_biocampus_team_marina-manas_bnw.jpg" class="blacknwhite" alt="Marina Mañas" />
+
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
-
<img src="https://static.igem.org/mediawiki/2013/e/e4/Vlc_biocampus_team_marina-manas.jpg" class="colored" alt="Marina Mañas" />
+
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
-
<h4 class="member_name">Marina Mañas</h4>
+
</a>
-
<div class="member_description">
+
<div class="caption">
-
    <span>Poster</span>
+
-
    <span>Worms</span><br/>
+
<div class="image-title">Title #2</div>
-
    <span>Modeling</span>
+
<div class="image-desc">Description</div>
-
                                                <span>Devices</span>
+
</div>
-
 
+
</li>
-
</div>
+
                        <li>
-
</a>
+
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
-
</li>
+
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
-
<li>
+
</a>
-
<a href="https://igem.org/User:Samiver" class="member_a_block on_right">
+
<div class="caption">
-
<img src="https://static.igem.org/mediawiki/2013/f/f5/Vlc_biocampus_team_samuel-miravet_bnw.jpg" class="blacknwhite" alt="Samuel Miravet" />
+
-
<img src="https://static.igem.org/mediawiki/2013/1/1d/Vlc_biocampus_team_samuel-miravet.jpg" class="colored" alt="Samuel Miravet" />
+
<div class="image-title">Title #2</div>
-
<h4 class="member_name">Samuel Miravet</h4>
+
<div class="image-desc">Description</div>
-
<div class="member_description">
+
</div>
-
    <span>Human Practices</span><br/>
+
</li>
-
    <span>Pseudomonas</span>
+
                        <li>
-
    <span>Worms</span>
+
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
-
</div>
+
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
-
</a>
+
</a>
-
</li>
+
<div class="caption">
-
<li>
+
-
<a href="https://igem.org/User:TonnyESP" class="member_a_block">
+
<div class="image-title">Title #2</div>
-
<img src="https://static.igem.org/mediawiki/2013/a/af/Vlc_biocampus_team_tonny-ruiz_bnw.jpg" class="blacknwhite" alt="Tonny Ruiz" />
+
<div class="image-desc">Description</div>
-
<img src="https://static.igem.org/mediawiki/2013/a/a5/Vlc_biocampus_team_tonny-ruiz.jpg" class="colored" alt="Tonny Ruiz" />
+
</div>
-
<h4 class="member_name">Tonny Ruiz</h4>
+
</li>
-
<div class="member_description">
+
                       
-
            <span>Nets&amp;Crowfunding</span><br/>
+
                        <li>
-
                                                        <span>Devices</span>
+
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
-
<span>Wiki</span>
+
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
-
</div>
+
</a>
-
</a>
+
<div class="caption">
-
</li>
+
-
<li>
+
<div class="image-title">Title #2</div>
-
<a href="https://igem.org/User:Nightm4re" class="member_a_block on_right">
+
<div class="image-desc">Description</div>
-
<img src="https://static.igem.org/mediawiki/2013/6/64/Vlc_biocampus_team_alejandro-torres_bnw.jpg" class="blacknwhite" alt="Álex Torres" />
+
</div>
-
<img src="https://static.igem.org/mediawiki/2013/c/c5/Vlc_biocampus_team_alejandro-torres.jpg" class="colored" alt="Álex Torres" />
+
</li>
-
<h4 class="member_name">Álex Torres</h4>
+
                       
-
<div class="member_description">
+
</ul>
-
    <span>Nets&amp;Crowfunding</span><br/>
+
</div>
-
    <span>Modeling</span>
+
<div style="clear: both;"></div>
-
                                                <span>Devices</span>
+
</div>
-
 
+
</div>
-
</div>
+
<div id="footer">&copy; 2009 Trent Foley</div>
-
</a>
+
<script type="text/javascript">
-
</li>
+
jQuery(document).ready(function($) {
-
<li>
+
// We only want these styles applied when javascript is enabled
-
<a href="https://igem.org/User:Beta3designs" class="member_a_block">
+
$('div.navigation').css({'width' : '300px', 'float' : 'left'});
-
<img src="https://static.igem.org/mediawiki/2013/5/5b/Vlc_biocampus_team_alejandro-valero_bnw.jpg" class="blacknwhite" alt="Alejandro Valero" />
+
$('div.content').css('display', 'block');
-
<img src="https://static.igem.org/mediawiki/2013/0/0c/Vlc_biocampus_team_alejandro-valero.jpg" class="colored" alt="Alejandro Valero" />
+
-
<h4 class="member_name">Alejandro Valero</h4>
+
-
<div class="member_description">
+
-
<span>Wiki</span>
+
-
            <span>Modeling</span><br/>
+
-
                                                        <span>Devices</span>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://igem.org/User:Guizare" class="member_a_block on_right">
+
-
<img src="https://static.igem.org/mediawiki/2013/4/48/Vlc_biocampus_team_guillermo-zafrilla_bnw.jpg" class="blacknwhite" alt="Guillermo Zafrilla" />
+
-
<img src="https://static.igem.org/mediawiki/2013/8/85/Vlc_biocampus_team_guillermo-zafrilla.jpg" class="colored" alt="Guillermo Zafrilla" />
+
-
<h4 class="member_name">Guillermo Zafrilla</h4>
+
-
<div class="member_description">
+
-
    <span>Pseudomonas</span><br/>
+
-
    <span>Worms</span>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
    </div>
+
-
    <div class="tab-pane fade" id="Advisors">
+
-
</html>
+
-
== Team - Advisors ==
+
-
<html>
+
-
    <ul class="thumbnails">
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/e/ec/Vlc_biocampus_cris.jpg" alt="Cristina Vilanova" class="thumbnail" />
+
-
<h3>Cristina Vilanova</h3>
+
-
<p>
+
-
I am a biotechnologist currently doing my PhD at the Biotechnology and Synthetic Biology unit of the ICBiBE (UV). My work in the lab consists in implementing different systems biology - and "omics" - based approaches to the bioprospection of natural habitats.
+
-
</p>
+
-
    </li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/1/15/Vlc_biocampus_Lucas.jpg" alt="Lucas J. Morales" class="thumbnail" />
+
-
<h3>Lucas J. Morales</h3>
+
-
<p>
+
-
I am a biotechnologist. <br/>
+
-
I am hardworking, cheerful, motivated and like to laugh. My hobbies are playing guitar, reading, watching series and computing.
+
-
<br/>
+
-
I found very interesting the part of modeling applied to biology.
+
-
</p>
+
-
    </li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/2/21/Vlc_biocampus_Vignoni.png" alt="Alejandro Vignoni" class="thumbnail" />
+
-
<h3>Alejandro Vignoni</h3>
+
-
<p>
+
-
I'm an Electronic Eng. and I'm doing my PhD in Control Systems oriented to Synthetic Biology.<br/>
+
-
 
+
-
I play the guitar as a hobby (although I've studied almost all my life) and I like traveling, biking, swimming, rock climbing, yoga, taking pictures and many things more...!!!.
+
-
</p>
+
-
    </li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/c/cd/Vlc_biocampus_Gabi.png" alt="Gabi Chacón" class="thumbnail" />
+
-
<h3>Gabi Chacón</h3>
+
-
<p>
+
-
I'm a chemical engineer and biotechnologist about to start a phD in systems biology. I got involved with synthetic biology in 2010, when I was part of the Valencia iGEM team. Then i was advisor in 2012 and I'm back this year as an advisor again, famous for his bad advices hehe.
+
-
</p>
+
-
    </li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/f/f4/Vlc_biocampus_Sergio.png" alt="Sergio López" class="thumbnail" />
+
-
<h3>Sergio López</h3>
+
-
<p>
+
-
I am a biologist with an specialization in Genetics sciences. Nowadays I am a PhD student, working on Evolutionary and Comparative Genetics in ICBiBE (Valencia). Describing the molecular basis and the evolutionary history of insect-bacteria symbiosis is my thesis goal. 
+
-
</p>
+
-
    </li>
+
-
</ul>
+
-
            </div>
+
-
    <div class="tab-pane fade" id="Instructors">
+
-
</html>
+
-
 
+
-
== Team - Instructors ==
+
-
<html>
+
-
    <ul class="thumbnails">
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/f/f8/Vlc_biocampus_Manel.jpg" alt="Manel Porcar" class="thumbnail" />
+
-
<h3>Manel Porcar</h3>
+
-
<p>
+
-
About me. I lead the Biotechnology and Synthetic Biology lab in the Cavanilles Institute (University of Valencia, Spain). I am the coordinator of the Valencia Biocampus Project and I also supervise the Human Practices sub-team. <br/>
+
-
The competition is a very challenging experience. I have been involved in five editions and I hope to stay in touch with the iGEM world.
+
-
<br/>
+
-
In the future. In believe that Synthetic Biology will experience many important changes in the close future. iGEM might be one of the topics that might evolve.
+
-
</p>
+
-
    </li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/3/3f/Vlc_biocampus_Ramon.png" alt="Daniel Ramón Vidal" class="thumbnail" />
+
-
<h3>Daniel Ramón Vidal</h3>
+
-
<p>
+
-
I made my PhD working at the Dep. of Molecular Genetics of the pharmaceutical company Antibióticos S.A. Then I moved to the Univ. of Wageningen as a post-doc. I was Professor of Food Tech at CSIC and UV. Currently I am CEO of Biópolis S.L. My interests are microbial biotech and the production of microbial metabolites. I'm author of more than 100 articles and co-author of 30 patents. I've obtained the European Prize of Divulgation, the Prize of the Danone Institute, and the National Price in Technology Transfer.
+
-
</p>
+
-
    </li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/8/82/Vlc_biocampus_Emilia.jpeg" alt="Emilia Matallana" class="thumbnail" />
+
-
<h3>Emilia Matallana</h3>
+
-
<p>
+
-
I am a teacher of biochemistry and molecular biology at the University of Valencia and my research is focused on molecular biology and biotechnology of yeasts, specifically on oxidative stress responses and technological performance of industrial strains.
+
-
</p>
+
-
    </li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/5/5e/Vlc_biocampus_Jesus.png" alt="Gabi Chacón" class="thumbnail" />
+
-
<h3>Jesús Picó</h3>
+
-
<p>
+
-
I am a control engineer fascinated by the world of systems and synthetic biology. I lead the group of Control of Complex Systems at the Universitat Politecnica de Valencia, where I am Professor of Automatic Control. Our main interests are in feedback control of bioreactors, robust methods for estimation of metabolic fluxes and flux balance analysis, and nonlinear feedback control techniques applied to quorum sensing-based synthetic circuits.
+
-
</p>
+
-
    </li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/7/7b/Vlc_biocampusMarta.png" alt="Marta Tortajada" class="thumbnail" />
+
-
<h3>Marta Tortajada</h3>
+
-
<p>
+
-
I am a chemical engineer, specialized in automatics and system engineering, particularly fond of systems biology.
+
-
<br/>
+
-
I work in applied biotechnology in the company Biopolis, in projects related to the production of microorganisms and valuable metabolites, such as recombinant proteins, active pharmaceutical ingredients, alcohols and microbial polymers.
+
-
</p>
+
-
    </li>
+
-
<li class="clearfix"></li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/0/0f/Vlc_biocampus_JuliP.jpg" alt="Juli Peretó" class="thumbnail" />
+
-
<h3>Juli Peretó</h3>
+
-
<p>
+
-
I am an evolutionary biochemist working at the University of Valencia, at the Cavanilles Institute for Biodiversity and Evolutionary Biology. <br/>
+
-
I try to teach metabolism to biotechnologists and I am a passionate of the studies on the origin of life and the history of the ideas on the natural origin and the artificial synthesis of life. Currently I am the director of the international summer school “Origin, Evolution and Future of the Biosphere” (Erasmus Intensive Programme) and second vice-president of the International Society for the Study of the Origin of Life.
+
-
</p>
+
-
    </li>
+
-
    <li class="advisor-size">
+
-
    <img src="https://static.igem.org/mediawiki/2013/0/0f/Vlc_biocampus_Sari.png" alt="Rosario Gil" class="thumbnail" />
+
-
<h3>Rosario Gil</h3>
+
-
<p>
+
-
I am a Doctor in Pharmacy, and an Associate Professor of Genetics. I teach Genetics, Molecular Genetics and Genomics at the University of Valencia. As a member of the Evolutionary Genetics group at the Cavanilles Institute of Biodiversity and Evolutionary Biology, my research interests focus on functional genomics of endosymbiotic bacteria from insects, minimal genomes, the evolution of metabolism in bacteria and synthetic biology.
+
-
</p>
+
-
    </li>
+
-
</ul>
+
-
            </div>
+
-
    <div class="tab-pane fade" id="Universities">
+
-
</html>
+
-
 
+
-
== Team - Universities ==
+
-
<div class="clearfix"></div>
+
-
<html>
+
-
    <div class="pull-left" style="width:450px;padding:10px;">
+
-
    <a href="http://www.uv.es" id="a_title_uv" style="line-height:50px;display:block;margin-bottom:15px;width:450px;">
+
-
    <img src="https://static.igem.org/mediawiki/2013/0/00/Uv_logo_mini.jpg" alt="logo UPV" style="width:50px;height:50px;float:left;margin-right:10px;" />
+
-
 
+
-
    <h3 style="line-height:50px;font-weight:300;font-size:22px;margin:0;padding:0">University of Valencia</h3>
+
-
   
+
-
    <img src="https://static.igem.org/mediawiki/2012/thumb/c/c0/UniversidadValencia.jpg/400px-UniversidadValencia.jpg" alt="University of Valencia" class="thumbnail" style="margin:15px auto;width:440px" />
+
-
    </a>
+
-
    <div style="font-size:10pt;margin-top:15px;text-align:justify;padding:8px">
+
-
    <p>
+
-
Our university, founded over five centuries ago by the Juries of Valencia, has become a modern, public university that teaches all areas of knowledge: social, economic and legal sciences, experimental sciences, engineering, health sciences, educational sciences and humanities.
+
-
</p>
+
-
<br/>
+
-
<p>
+
-
The university community is committed to being a university of reference: we are ranked second in Europe in receiving Erasmus students and fourth among Spanish universities in research. According to the most prestigious international rankings, we are ranked fourth in Spain.
+
-
</p>
+
-
    </div>
+
-
    </div>
+
-
    <div class="pull-right" style="width:450px;padding:10px;">
+
-
    <a href="http://www.upv.es" id="a_title_upv" style="line-height:50px;display:block;margin-bottom:15px;width:450px;">
+
-
    <img src="https://static.igem.org/mediawiki/2013/9/93/Upv_logo_mini.jpg" alt="logo UPV" style="width:50px;height:50px;float:left;margin-right:10px;" />
+
-
    <h3 style="line-height:50px;font-weight:300;font-size:22px;margin:0;padding:0">Polytechnic University of Valencia</h3>
+
-
    <img src="https://static.igem.org/mediawiki/2012/thumb/4/4c/Agora2.JPG/400px-Agora2.JPG" alt="Polytechnic University of Valencia" class="thumbnail" style="margin:15px auto;width:440px" />
+
-
    </a>
+
-
 
+
-
    <div style="font-size:10pt;margin-top:15px;text-align:justify;padding:8px;">
+
-
    <p>
+
-
The Polytechnic University of Valencia (UPV) is a public educational institution that offers modern, flexible degrees that are designed to meet the demands of society, as well as official postgraduate programmes that are subject to demanding educational quality control systems.
+
-
</p>
+
-
<br/>
+
-
<p>
+
-
It has three campus sites: Vera (inside the city of Valencia), Alcoy and Gandia, with a total of 36.186 students, 2.843 members of teaching and research staff, and 2.396 administrative and services staff.
+
-
</p>
+
-
    </div>
+
-
    </div>
+
-
 
+
-
    </div>
+
-
 
+
-
</div>
+
-
<script type="text/javascript">
+
-
$(document).ready(function() {
+
-
  // cache the id
+
-
  var navbox = $('#myTab');
+
-
  // activate tab on click
+
-
  navbox.on('click', 'a', function (e) {
+
-
      // add a hash to the URL when the user clicks on a tab
+
-
      history.pushState(null, null, $(this).attr('href'));
+
-
      var $this = $(this);
+
-
      // prevent the Default behavior
+
-
      e.preventDefault();
+
-
      // set the hash to the address bar
+
-
      window.location.hash = $this.attr('href');
+
-
      // activate the clicked tab
+
-
      $this.tab('show');
+
-
      //return false;
+
-
  })
+
-
 
+
-
  // if we have a hash in the address bar
+
-
  if(window.location.hash){
+
-
    // show right tab on load (read hash from address bar)
+
-
    $('a[href="'+window.location.hash+'"]').tab('show');
+
-
  }
+
-
 
+
-
  // navigate to a tab when the history changes
+
-
  window.addEventListener("popstate", function(e) {
+
-
    var activeTab = $('[href=' + location.hash + ']');
+
-
    if (activeTab.length) {
+
-
        activeTab.tab('show');
+
-
    } else {
+
-
        $('.nav-tabs a:first').tab('show');
+
-
    }
+
-
  });
+
-
});
+
-
</script>
+
-
 
+
-
</html>
+
 +
// Initially set opacity on thumbs and add
 +
// additional styling for hover effect on thumbs
 +
var onMouseOutOpacity = 0.67;
 +
$('#thumbs ul.thumbs li').opacityrollover({
 +
mouseOutOpacity:  onMouseOutOpacity,
 +
mouseOverOpacity:  1.0,
 +
fadeSpeed:        'fast',
 +
exemptionSelector: '.selected'
 +
});
 +
 +
// Initialize Advanced Galleriffic Gallery
 +
var gallery = $('#thumbs').galleriffic({
 +
delay:                    2500,
 +
numThumbs:                21,
 +
preloadAhead:              10,
 +
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>
 +
</body>
</html>
</html>

Latest revision as of 18:03, 30 September 2014

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