Team:HKU-Hong Kong

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Imperial_College_London/Templates/Header}}
+
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
-
{| style="width:900px;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:25px;" cellspacing="20"
+
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Parasight
+
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Extra Links
+
-
|-
+
-
|style="width:600px;"|'''Welcome to The University of Hong Kong's iGEM 2011 project!'''
+
-
|rowspan="2" valign="top"|<html>
+
<html>
-
<head>
+
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
-
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
-
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
This is a template page. READ THESE INSTRUCTIONS.
-
  <script type="text/javascript">
+
</div>
-
  $(document).ready(function(){
+
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
-
    $('#lside1').mouseover(function() {
+
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
-
    $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000);
+
</div>
-
    });
+
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
-
    $('#lside1').mouseleave(function() {
+
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
-
    $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
+
</div>
-
    });
+
</div>
-
    $('#lside2').mouseover(function() {
+
</html>
-
    $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000);
+
-
    });
+
-
    $('#lside2').mouseleave(function() {
+
-
    $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
+
-
    });
+
-
    $('#lside3').mouseover(function() {
+
-
    $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000);
+
-
    });
+
-
    $('#lside3').mouseleave(function() {
+
-
    $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
+
-
    });
+
-
  });
+
-
  </script>
+
-
  <style type="text/css">
+
-
  #side1 {
+
-
    width: 250px;
+
-
    height: 100px;
+
-
    position: relative;
+
-
    top: 0px;
+
-
    left: 0px;}
+
-
  #lside1 {
+
<!-- *** End of the alert box *** -->
-
    width: 250px;
+
-
    height: 100px;
+
-
    background: url(https://static.igem.org/mediawiki/2010/b/b2/ICside1be.png) -250px 0px no-repeat;
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    left: 0px;}
+
-
  #side2 {
 
-
    width: 250px;
 
-
    height: 100px;
 
-
    position: relative;
 
-
    top: 110px;
 
-
    left: 0px;}
 
-
  #lside2 {
 
-
    width: 250px;
 
-
    height: 100px;
 
-
    background: url(https://static.igem.org/mediawiki/2010/6/66/Imperialigemsidetwo.jpg) -250px 0px no-repeat;
 
-
    position: absolute;
 
-
    top: 0px;
 
-
    left: 0px;}
 
-
  #side3 {
+
{|align="justify"
-
    width: 250px;
+
|You can write a background of your team hereGive us a background of your team, the members, etc. Or tell us more about something of your choosing.
-
    height: 100px;
+
|[[Image:HKU-Hong_Kong_logo.png|200px|right|frame]]
-
    position: relative;
+
-
    top: 110px;
+
-
    left: 0px;}
+
-
 
+
-
  #lside3 {
+
-
    width: 250px;
+
-
    height: 100px;
+
-
    background: url(https://static.igem.org/mediawiki/2010/e/ea/Imperialigemsidethree.jpg) -250px 0px no-repeat;
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    left: 0px;}
+
-
 
+
-
  </style>
+
-
  </head>
+
-
<body>
+
-
  <div id='side1'>
+
-
  <a href='https://2010.igem.org/Team:Imperial_College_London/Software_Tool' id='lside1'></a>
+
-
  <div id='side2'>
+
-
    <a href='https://2010.igem.org/Team:Imperial_College_London/Media/Videos' id='lside2'></a>
+
-
    <div id='side3'>
+
-
    <a href='https://2010.igem.org/Team:Imperial_College_London/Workshop' id='lside3'></a>
+
-
    </div>
+
-
  </div>
+
-
  </div>
+
-
</body>
+
-
</html>
+
|-
|-
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;" align="right"|[[Team:Imperial_College_London/Tour/Page_One | Click here to take the tour...]]
+
|
-
|}
+
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
-
{| style="width:900px;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:5px;" cellspacing="20"
+
|[[Image:HKU-Hong_Kong_team.png|right|frame|Your team picture]]
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Cellular Overview
+
|-
|-
-
|<html>
+
|
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
|align="center"|[[Team:HKU-Hong_Kong | Team Example]]
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/d/d4/ICmaintwo.png');
+
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/0/05/ICmainthree.png');
+
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/b/b6/ICmainfour.png');
+
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/8/8d/ICmainone.png');
+
-
  $("#but1").mouseenter(function() {
+
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/d/d4/ICmaintwo.png');
+
-
  });
+
-
  $("#but2").mouseenter(function() {
+
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/0/05/ICmainthree.png');
+
-
  });
+
-
  $("#but3").mouseenter(function() {
+
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/b/b6/ICmainfour.png');
+
-
  });
+
-
  $("#but4").mouseenter(function() {
+
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/8/8d/ICmainone.png');
+
-
  });
+
-
 
+
-
});
+
-
</script>
+
-
<style type="text/css">
+
-
#maincon {
+
-
  width:860px;
+
-
  position:relative;}
+
-
#mainpic {
+
-
  width:860px;}
+
-
#but1 {
+
-
  width:60px;
+
-
  height:60px;
+
-
  position:absolute;
+
-
  left:88px;
+
-
  top:19px;
+
-
  z-index:2;
+
-
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
-
#but2 {
+
-
  width:60px;
+
-
  height:60px;
+
-
  position:absolute;
+
-
  left:489px;
+
-
  top:220px;
+
-
  z-index:2;
+
-
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
-
#but3 {
+
-
  width:60px;
+
-
  height:60px;
+
-
  position:absolute;
+
-
  left:320px;
+
-
  top:302px;
+
-
  z-index:2;
+
-
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
-
#but4 {
+
-
  width:60px;
+
-
  height:60px;
+
-
  position:absolute;
+
-
  left:509px;
+
-
  top:4px;
+
-
  z-index:2;
+
-
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
-
</style>
+
-
<div id="maincon">
+
-
<img id="mainpic" />
+
-
  <div id="but1">
+
-
  </div>
+
-
  <div id="but2">
+
-
  </div>
+
-
  <div id="but3">
+
-
  </div>
+
-
  <div id="but4">
+
-
  </div>
+
-
</div>
+
-
</html>
+
|}
|}
-
{| style="width:900px;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:5px;" cellspacing="20"
 
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Flickr
 
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Twitter
 
-
|-
 
-
|align='center'|<html>
 
-
<div id="cesc" style="width:585px;height:300px;">
 
-
<p>If nothing appears here, something has gone wrong! Please enable JavaScript to continue.</p>
 
-
</div>
+
<!--- The Mission, Experiments --->
-
<script type="text/javascript" src="http://api.flickrshow.com/v7/flickrshow.js"></script>
+
-
    <script type="text/javascript">
+
-
        var cesc = new flickrshow('cesc', {
+
-
            'autoplay':true,
+
-
            'hide_buttons':false,
+
-
            'interval':4000,
+
-
            'set':'72157625127266243'
+
-
        });
+
-
</script>
+
-
</html>
+
-
|<html>
+
-
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+
-
<script>
+
-
new TWTR.Widget({
+
-
  version: 2,
+
-
  type: 'profile',
+
-
  rpp: 3,
+
-
  interval: 6000,
+
-
  width: 250,
+
-
  height: 200,
+
-
  theme: {
+
-
    shell: {
+
-
      background: '#ea8928',
+
-
      color: '#ffffff'
+
-
    },
+
-
    tweets: {
+
-
      background: '#f5f5f5',
+
-
      color: '#555555',
+
-
      links: '#173778'
+
-
    }
+
-
  },
+
-
  features: {
+
-
    scrollbar: false,
+
-
    loop: false,
+
-
    live: false,
+
-
    hashtags: true,
+
-
    timestamp: true,
+
-
    avatars: false,
+
-
    behavior: 'all'
+
-
  }
+
-
}).render().setUser('imperialigem').start();
+
-
</script>
+
-
</html>
+
-
|}
+
-
{| style="width:900px;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:5px;" cellspacing="20"
+
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|About iGEM
+
!align="center"|[[Team:HKU-Hong_Kong|Home]]
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Sponsored By
+
!align="center"|[[Team:HKU-Hong_Kong/Team|Team]]
-
|-
+
!align="center"|[https://igem.org/Team.cgi?year=2011&team_name=HKU-Hong_Kong Official Team Profile]
-
|style="width:585px;" rowspan="3"|The International Genetically Engineered Machine competition (iGEM) is the premiere undergraduate Synthetic Biology competition. Student teams are given a kit of biological parts at the beginning of the summer from the Registry of Standard Biological Parts. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells. This project design and competition format is an exceptionally motivating and effective teaching method.
+
!align="center"|[[Team:HKU-Hong_Kong/Project|Project]]
-
|align="center"|
+
!align="center"|[[Team:HKU-Hong_Kong/Parts|Parts Submitted to the Registry]]
-
<html>
+
!align="center"|[[Team:HKU-Hong_Kong/Modeling|Modeling]]
-
<a href="http://www.eurofinsdna.com/">
+
!align="center"|[[Team:HKU-Hong_Kong/Notebook|Notebook]]
-
  <img src="https://static.igem.org/mediawiki/2010/c/c4/ImperialSponsorEuro.jpg" />
+
!align="center"|[[Team:HKU-Hong_Kong/Safety|Safety]]
-
</a>
+
!align="center"|[[Team:HKU-Hong_Kong/Attributions|Attributions]]
-
</html>
+
-
|-
+
-
|align="center"|<html>
+
-
<a href="http://www.wellcome.ac.uk/">
+
-
  <img src="https://static.igem.org/mediawiki/2010/b/b3/ICLwellogo.jpg" />
+
-
</a>
+
-
</html>
+
-
|-
+
-
|align="center"|<html>
+
-
<a href="http://usa.autodesk.com/">
+
-
  <img src="https://static.igem.org/mediawiki/2010/6/64/ICLadlogo.png" />
+
-
</a>
+
-
</html>
+
|}
|}

Revision as of 07:57, 14 July 2011


This is a template page. READ THESE INSTRUCTIONS.
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples HERE.
You MUST have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page. PLEASE keep all of your pages within your teams namespace.



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.

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

Your team picture
Team Example


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