Team:Hong Kong HKUST

From 2013.igem.org

(Difference between revisions)
Line 42: Line 42:
}
}
</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>
 
-
 
-
<style>
 
-
 
-
.rotator ul li {
 
-
display: block;
 
-
float: left;
 
-
clear: both;
 
-
width: 200px;
 
-
font-color: White;
 
-
}
 
-
Team:Pennmedia="screen, projection"
 
-
li {
 
-
margin-bottom: .1em;
 
-
}
 
-
* {
 
-
border: 0;
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
user agent stylesheetli {
 
-
display: list-item;
 
-
text-align: -webkit-match-parent;
 
-
}
 
-
Inherited from ul#rotmenu
 
-
.rotator ul {
 
-
list-style: none;
 
-
}
 
-
Team:Pennmedia="screen, projection"
 
-
ul {
 
-
line-height: 1.5em;
 
-
list-style-type: square;
 
-
list-style-image: url(bullet.gif);
 
-
}
 
-
user agent stylesheetul, menu, dir {
 
-
list-style-type: disc;
 
-
}
 
-
Inherited from div.rotator
 
-
.rotator {
 
-
font-family: 'Arial',Tahoma,Helvetica,sans-serif;
 
-
color: #fff;
 
-
letter-spacing: 1px;
 
-
}
 
-
Inherited from tr
 
-
Style Attribute {
 
-
text-align: center;
 
-
}
 
-
Inherited from table
 
-
Team:Pennmedia="screen, projection"
 
-
table {
 
-
font-size: 100%;
 
-
color: black;
 
-
}
 
-
user agent stylesheettable {
 
-
border-collapse: separate;
 
-
border-spacing: 2px;
 
-
border-color: gray;
 
-
}
 
-
Inherited from div#content
 
-
Team:Pennmedia="screen, projection"
 
-
#content {
 
-
color: black;
 
-
line-height: 1.5em;
 
-
}
 
-
Inherited from div#globalWrapper
 
-
Team:Pennmedia="screen, projection"
 
-
#globalWrapper {
 
-
font-size: 127%;
 
-
}
 
-
Inherited from body.mediawiki.ltr.ns-0.ns-subject.page-Team_Penn
 
-
Team:Pennmedia="screen, projection"
 
-
body {
 
-
font: x-small sans-serif;
 
-
color: black;
 
-
}
 
-
</style>
 
</html>
</html>

Revision as of 11:15, 17 June 2013

Hello world

<!DOCTYPE html>

Norwegian Mountain Trip

Pulpit rock

Hello Hello this WORLD
File:Hong Kong HKUST logo.png
200px

I see you haha

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

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