Team:Hong Kong HKU

From 2013.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Hong_Kong_HKU/templates/header_frontpage}}
 +
<html>
<html>
-
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<head>
-
      <meta name="title" content="HKU iGEM 2013" />
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-
      <meta name="keywords" content="iGEM, HKU, Synthetic Biology, PPK" />
+
<script src="http://www.buzz-code.com/file/hku_igem/lean-slider.js"></script>
-
      <meta name="description" content="HKU's IGEM Team">
+
<link rel="stylesheet" href="http://www.buzz-code.com/file/hku_igem/lean-slider.css" type="text/css" />
 +
<link rel="stylesheet" href="http://www.buzz-code.com/file/hku_igem/sample-styles.css" type="text/css" />
 +
</head>
 +
 
 +
<body bgcolor="#000000">
 +
<div id="wrapper"> 
 +
 
 +
<div id="slider">
 +
    <div class="slide1">
 +
        <img src="https://static.igem.org/mediawiki/2013/c/c1/Panel_Welcome_00000_00000.jpg" alt="" />
 +
    </div>
 +
    <div class="slide2">
 +
        <img src="https://static.igem.org/mediawiki/2013/2/2a/Panel_Biobricks_00000_00000.jpg" alt="" />
 +
    </div>
 +
    <div class="slide3">
 +
        <img src="https://static.igem.org/mediawiki/2013/5/58/Panel_Human_Practice_00000_00000.jpg" alt="" />
 +
    </div>   
 +
    <div class="slide4">
 +
        <img src="https://static.igem.org/mediawiki/2013/0/00/Panel_Applications_00000_00000.jpg" alt="" />
 +
    </div>
 +
</div>mhvnh h
 +
    <div id="slider-direction-nav"></div>
 +
    <div id="slider-control-nav"></div>
-
    <style type="text/css">
 
-
    /* Compulsory IDs ***********************************************************/
 
-
      #catlinks {
 
-
      border:none;
 
-
      background: #ffffff;
 
-
      }
 
-
      #footer-box{
 
-
      border:none;
 
-
      }
 
-
      #top-section {
 
-
      background-color: #ffffff;
 
-
      border: none;
 
-
      height:20px;
 
-
      }
 
-
      #p-logo {
 
-
      display: none;
 
-
      }
 
-
      #search-controls {
 
-
      display: none;
 
-
      }
 
-
      .firstHeading {
 
-
        display: none;
 
-
      }
 
-
     
 
-
      #content {
 
-
      position: relative;
 
-
      width: 975px;
 
-
      margin: 0 auto;
 
-
      padding:0;
 
-
      background: #ffffff;
 
-
      color: black;
 
-
      border: 1px solid #d9d9d9;
 
-
      line-height: 1.5em;
 
-
      z-index: 2;
 
-
      }
 
-
      body {
 
-
      background-color:#ffffff;
 
-
      }
 
-
      .right-menu li a, .right-menu li a:hover {  /*reserved*/
 
-
      color: #3c6b27;
 
-
      background-color: #ffffff;
 
-
      }
 
-
      /*#menucontainer {
 
-
      overflow:visible;
 
-
      position:relative;
 
-
      z-index:3;
 
-
      }*/
 
-
      #contentSub {
 
-
      margin: 0 0 0 0;
 
-
      } 
 
-
    </style>
 
-
<body>
 
-
<style type="text/css">
 
-
</style>
 
-
<div id="frontpage">
 
<br>
<br>
-
<br>
+
<table width="960px" cellpadding="0px">
-
<img src="https://static.igem.org/mediawiki/igem.org/3/3d/Hkudothingsonamicroscalelogo.jpg" width="960" height="480">
+
<tr>
-
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/at_a_glance">Click in to know more</a>
+
<td>
 +
<p>
 +
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/Project" target="_new">  
 +
<img src="https://static.igem.org/mediawiki/2013/2/24/New_button_take_a_glance_00000.jpg" width="236" />
 +
</a>
 +
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/Parts" target="_new">
 +
<img src="https://static.igem.org/mediawiki/2013/6/68/New_button_biobricks_00000.jpg" width="236" />
 +
</a>
 +
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/humanpractice/talk" target="_new">
 +
<img src="https://static.igem.org/mediawiki/2013/5/56/New_button_Human_Practice_00000.jpg" width="236"  />
 +
</a>
 +
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/humanpractice/futureapps" target="_new">  
 +
<img src="https://static.igem.org/mediawiki/2013/e/ee/New_button_applications_00000.jpg" width="236" />
 +
</a>
 +
</p>
 +
</td>
 +
</tr>
 +
</table>
 +
<br><br>
</div>
</div>
<script>
<script>
-
// CREDITS:
+
$(document).ready(function() {
-
// Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.
+
    $('#slider').leanSlider({
-
// Distributed by Hypergurl
+
            directionNav: '#slider-direction-nav',
-
// Permission given to use the script provided that this notice remains as is.
+
            controlNav: '#slider-control-nav'
 +
        });
 +
});
-
// Set the number of snowflakes (more than 30 - 40 not recommended)
+
</script>
-
var snowmax=35
+
-
 
+
-
// Set the colors for the snow. Add as many colors as you like
+
-
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
+
-
 
+
-
// Set the fonts, that create the snowflakes. Add as many fonts as you like
+
-
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
+
-
 
+
-
// Set the letter that creates your snowflake (recommended:*)
+
-
var snowletter="*"
+
-
 
+
-
// Set the speed of sinking (recommended values range from 0.3 to 2)
+
-
var sinkspeed=0.6
+
-
 
+
-
// Set the maximal-size of your snowflaxes
+
-
var snowmaxsize=22
+
-
 
+
-
// Set the minimal-size of your snowflaxes
+
-
var snowminsize=8
+
-
 
+
-
// Set the snowing-zone
+
-
// Set 1 for all-over-snowing, set 2 for left-side-snowing
+
-
// Set 3 for center-snowing, set 4 for right-side-snowing
+
-
var snowingzone=1
+
-
 
+
-
///////////////////////////////////////////////////////////////////////////
+
-
// CONFIGURATION ENDS HERE
+
-
///////////////////////////////////////////////////////////////////////////
+
-
 
+
-
 
+
-
// Do not edit below this line
+
-
var snow=new Array()
+
-
var marginbottom
+
-
var marginright
+
-
var timer
+
-
var i_snow=0
+
-
var x_mv=new Array();
+
-
var crds=new Array();
+
-
var lftrght=new Array();
+
-
var browserinfos=navigator.userAgent
+
-
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
+
-
var ns6=document.getElementById&&!document.all
+
-
var opera=browserinfos.match(/Opera/) 
+
-
var browserok=ie5||ns6||opera
+
-
 
+
-
function randommaker(range) {
+
-
rand=Math.floor(range*Math.random())
+
-
    return rand
+
-
}
+
-
 
+
-
function initsnow() {
+
-
if (ie5 || opera) {
+
-
marginbottom = document.body.clientHeight
+
-
marginright = document.body.clientWidth
+
-
}
+
-
else if (ns6) {
+
-
marginbottom = window.innerHeight
+
-
marginright = window.innerWidth
+
-
}
+
-
var snowsizerange=snowmaxsize-snowminsize
+
-
for (i=0;i<=snowmax;i++) {
+
-
crds[i] = 0;                     
+
-
    lftrght[i] = Math.random()*15;       
+
-
    x_mv[i] = 0.03 + Math.random()/10;
+
-
snow[i]=document.getElementById("s"+i)
+
-
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
+
-
snow[i].size=randommaker(snowsizerange)+snowminsize
+
-
snow[i].style.fontSize=snow[i].size
+
-
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
+
-
snow[i].sink=sinkspeed*snow[i].size/5
+
-
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
+
-
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
+
-
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
+
-
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
+
-
snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size)
+
-
snow[i].style.left=snow[i].posx
+
-
snow[i].style.top=snow[i].posy
+
-
}
+
-
movesnow()
+
-
}
+
-
 
+
-
function movesnow() {
+
-
for (i=0;i<=snowmax;i++) {
+
-
crds[i] += x_mv[i];
+
-
snow[i].posy+=snow[i].sink
+
-
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
+
-
snow[i].style.top=snow[i].posy
+
-
+
-
if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
+
-
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
+
-
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
+
-
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
+
-
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
+
-
snow[i].posy=0
+
-
}
+
-
}
+
-
var timer=setTimeout("movesnow()",50)
+
-
}
+
-
 
+
-
for (i=0;i<=snowmax;i++) {
+
-
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
+
-
}
+
-
if (browserok) {
+
-
window.onload=initsnow
+
-
}
+
-
</script>
+
</body>
</body>
-
 
-
<STYLE TYPE="text/css">
 
-
#frontpage{
 
-
text-align:center;
 
-
}
 
-
</STYLE>
 
</html>
</html>

Latest revision as of 13:08, 11 October 2014

mhvnh h