Team:Hong Kong HKUST

From 2013.igem.org

(Difference between revisions)
Line 31: Line 31:
}
}
</style>
</style>
 +
<table width="1000px" height="335px" style="background:#01256e; margin-bottom:20px;">
 +
<tr style="text-align:center;" valign="top">
 +
<td style="width:750px;padding-top:20px;">
 +
 +
            <div class="rotator">
 +
                <ul id="rotmenu">
 +
<li>
 +
                        <a href="rot1" style="font-size:12px;"><b>Regional Winners!</b></a>
 +
                        <div style="display:none;">
 +
                            <div class="info_image">2/2c/Regional-Winners-Slider.jpg</div>
 +
                            <div class="info_heading"></div>
 +
                            <div class="info_description">
 +
                                Penn iGEM placed first in the Americas East Regional Jamboree and advanced to the World Championships!
 +
                                <a href="https://igem.org/Results?year=2012&amp;division=igem&amp;region=Americas_East" class="more">Read more</a>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="rot2" style="font-size:12px;"><p><b>Light Induced</b></p><p><b>Lysis</b></p></a>
 +
                        <div style="display:none;">
 +
                            <div class="info_image">4/4f/Light-Induced-Lysis-Slider.jpg</div>
 +
                            <div class="info_heading">pDAWN ClYA construct</div>
 +
                           
 +
<div class="info_description">We have developed light-activated cell lysis using the YF1/FixJ Blue Light sensor and the ClyA protein.
 +
<br>
 +
<a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="more">Read more</a>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="rot3" style="font-size:12px;"><p><b>Novel Surface</b></p><p><b>Display</b></p></a>
 +
                        <div style="display:none;">
 +
                            <div class="info_image">4/46/Novel-Surface-Display-Slider.jpg</div>
 +
                            <div class="info_heading">Display of ANTi-her2 DARPin</div>
 +
                            <div class="info_description">
 +
Our team is the first to use the INPNC protein to display the DARPin Anti-HER2 binding protein on the surface of bacteria <br>
 +
                                <a href="https://2012.igem.org/Team:Penn/DrugDeliveryResults" class="more">Read more</a>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="rot4" style="font-size:12px;"><b>Outreach</b></a>
 +
                        <div style="display:none;">
 +
                            <div class="info_image">5/53/Outreach-Slider-Reverse.jpg</div>
 +
                            <div class="info_heading">Clark Park Science Fair</div>
 +
                            <div class="info_description">
 +
Learn more about our education outreach with high schoolers and West Philadelphia residents!
 +
<br>
 +
                                <a href="https://2012.igem.org/Team:Penn/Outreach" class="more">Read more</a>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="rot5" style="font-size:12px;"><b>Lab Work</b></a>
 +
                        <div style="display:none;">
 +
                            <div class="info_image">3/36/Lab-Work-Slider2.jpg</div>
 +
                            <div class="info_heading"></div>
 +
                            <div class="info_description">
 +
Learn about cool experiments the team performed this summer!
 +
<br>
 +
                                <a href="https://2012.igem.org/Team:Penn/Notebook" class="more">Read more</a>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                 
 +
                </ul>
 +
                <div id="rot1">
 +
                    <img src="" width="720" height="300" class="bg" alt=""/>
 +
 +
                    <div class="description">
 +
                        <p></p>
 +
 +
                    </div>   
 +
                </div>
 +
            </div>
 +
     
 +
              <!-- The JavaScript -->
 +
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 +
<script type="text/javascript" src='http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript'></script>
 +
   
 +
        <script type="text/javascript">
 +
            $(function() {
 +
                var current = 1;
 +
               
 +
                var iterate = function(){
 +
                    var i = parseInt(current+1);
 +
                    var lis = $('#rotmenu').children('li').size();
 +
                    if(i>lis) i = 1;
 +
                    display($('#rotmenu li:nth-child('+i+')'));
 +
                }
 +
                display($('#rotmenu li:first'));
 +
                var slidetime = setInterval(iterate,3800);
 +
 +
                $('#rotmenu li').bind('click',function(e){
 +
                    clearTimeout(slidetime);
 +
                    display($(this));
 +
                    e.preventDefault();
 +
                });
 +
 +
                function display(elem){
 +
                    var $this = elem;
 +
                    var repeat = false;
 +
                    if(current == parseInt($this.index() + 1))
 +
                        repeat = true;
 +
 +
                    if(!repeat)
 +
                        $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300,function(){
 +
                            $(this).animate({'opacity':'0.7'},700);
 +
                        });
 +
 +
                    current = parseInt($this.index() + 1);
 +
 +
                    var elem = $('a',$this);
 +
                   
 +
                        elem.stop(true,true).animate({'marginRight':'0px','opacity':'1.0'},300);
 +
 +
                    var info_elem = elem.next();
 +
 +
 +
 +
                    $('#rot1 .description').animate({'bottom':'-270px'},500,'easeOutCirc',function(){
 +
                        $('p',$(this)).html(info_elem.find('.info_description').html());
 +
                        $(this).animate({'bottom':'0px'},400,'easeInOutQuad');
 +
                    })
 +
                    $('#rot1').prepend(
 +
                    $('<img/>',{
 +
                        style : 'opacity:0',
 +
                        className : 'bg'
 +
                    }).load(
 +
                    function(){
 +
                        $(this).animate({'opacity':'1'},600);
 +
                        $('#rot1 img:first').next().animate({'opacity':'0'},700,function(){
 +
                            $(this).remove();
 +
                        });
 +
                    }
 +
                ).attr('src','https://static.igem.org/mediawiki/2012/'+info_elem.find('.info_image').html()).attr('width','720').attr('height','300')
 +
                );
 +
                }
 +
            });
 +
        </script>
</html>
</html>

Revision as of 10:55, 17 June 2013

You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
File:Hong Kong HKUST logo.png
200px

Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)

File:Hong Kong HKUST team.png
Your team picture
 Team Hong_Kong_HKUST


Home Team Official Team Profile Project Parts Submitted to the Registry Modeling Notebook Safety Attributions

  • Regional Winners!
    2/2c/Regional-Winners-Slider.jpg
    Penn iGEM placed first in the Americas East Regional Jamboree and advanced to the World Championships! Read more

  • Light Induced

    Lysis
    4/4f/Light-Induced-Lysis-Slider.jpg
    pDAWN ClYA construct
    We have developed light-activated cell lysis using the YF1/FixJ Blue Light sensor and the ClyA protein.
    Read more

  • Novel Surface

    Display
    4/46/Novel-Surface-Display-Slider.jpg
    Display of ANTi-her2 DARPin
    Our team is the first to use the INPNC protein to display the DARPin Anti-HER2 binding protein on the surface of bacteria
    Read more
  • Outreach
    5/53/Outreach-Slider-Reverse.jpg
    Clark Park Science Fair
    Learn more about our education outreach with high schoolers and West Philadelphia residents!
    Read more
  • Lab Work
    3/36/Lab-Work-Slider2.jpg
    Learn about cool experiments the team performed this summer!
    Read more

Retrieved from "http://2013.igem.org/Team:Hong_Kong_HKUST"