Team:UCL PG

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
-
 
-
<script type="text/javascript">
 
-
// <![CDATA[
 
-
var sparks=75; // how many sparks per clicksplosion
 
-
var speed=33; // how fast - smaller is faster
 
-
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
 
-
var colours=new Array('#03f', '#f03', '#0e0', '#93f', '#0cf', '#f93', '#f0c');
 
-
//                    blue    red    green  purple  cyan    orange  pink
 
-
 
-
/****************************
 
-
*  Clicksplosion Effect    *
 
-
*(c)2012-3 mf2fm web-design *
 
-
*  http://www.mf2fm.com/rv  *
 
-
* DON'T EDIT BELOW THIS BOX *
 
-
****************************/
 
-
var intensity=new Array();
 
-
var Xpos=new Array();
 
-
var Ypos=new Array();
 
-
var dX=new Array();
 
-
var dY=new Array();
 
-
var stars=new Array();
 
-
var decay=new Array();
 
-
var timers=new Array();
 
-
var swide=800;
 
-
var shigh=600;
 
-
var sleft=sdown=0;
 
-
var count=0;
 
-
 
-
function addLoadEvent(funky) {
 
-
  var oldonload=window.onload;
 
-
  if (typeof(oldonload)!='function') window.onload=funky;
 
-
  else window.onload=function() {
 
-
    if (oldonload) oldonload();
 
-
    funky();
 
-
  }
 
-
}
 
-
 
-
addLoadEvent(clicksplode);
 
-
 
-
function clicksplode() { if (document.getElementById) {
 
-
  var i, j;
 
-
  window.onscroll=set_scroll;
 
-
  window.onresize=set_width;
 
-
  document.onclick=eksplode;
 
-
  set_width();
 
-
  set_scroll();
 
-
  for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
 
-
    stars[j]=createDiv('*', 13);
 
-
    document.body.appendChild(stars[j]);
 
-
  }
 
-
}}
 
-
 
-
function createDiv(char, size) {
 
-
  var div, sty;
 
-
  div=document.createElement('div');
 
-
  sty=div.style;
 
-
  sty.font=size+'px monospace';
 
-
  sty.position='absolute';
 
-
  sty.backgroundColor='transparent';
 
-
  sty.visibility='hidden';
 
-
  sty.zIndex='101';
 
-
  div.appendChild(document.createTextNode(char));
 
-
  return (div);
 
-
}
 
-
 
-
function bang(N) {
 
-
  var i, Z, A=0;
 
-
  for (i=sparks*N; i<sparks*(N+1); i++) {
 
-
    if (decay[i]) {
 
-
      Z=stars[i].style;
 
-
      Xpos[i]+=dX[i];
 
-
      Ypos[i]+=(dY[i]+=1.25/intensity[N]);
 
-
      if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
 
-
  else {
 
-
        Z.left=Xpos[i]+'px';
 
-
        Z.top=Ypos[i]+'px';
 
-
  }
 
-
      if (decay[i]==15) Z.fontSize='7px';
 
-
      else if (decay[i]==7) Z.fontSize='2px';
 
-
      else if (decay[i]==1) Z.visibility='hidden';
 
-
  decay[i]--;
 
-
}
 
-
else A++;
 
-
  }
 
-
  if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
 
-
}
 
-
 
-
function eksplode(e) {
 
-
  var x, y, i, M, Z, N;
 
-
  set_scroll();
 
-
  y=(e)?e.pageY:event.y+sdown;
 
-
  x=(e)?e.pageX:event.x+sleft;
 
-
  N=++count%bangs;
 
-
  M=Math.floor(Math.random()*3*colours.length);
 
-
  intensity[N]=5+Math.random()*4;
 
-
  for (i=N*sparks; i<(N+1)*sparks; i++) {
 
-
    Xpos[i]=x;
 
-
    Ypos[i]=y-5;
 
-
    dY[i]=(Math.random()-0.5)*intensity[N];
 
-
    dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
 
-
    decay[i]=16+Math.floor(Math.random()*16);
 
-
    Z=stars[i].style;
 
-
    if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
 
-
    else if (M<2*colours.length) Z.color=colours[count%colours.length];
 
-
    else Z.color=colours[i%colours.length];
 
-
    Z.fontSize='13px';
 
-
    Z.visibility='visible';
 
-
  }
 
-
  clearTimeout(timers[N]);
 
-
  bang(N);
 
-
}
 
-
 
-
function set_width() {
 
-
  var sw_min=999999;
 
-
  var sh_min=999999;
 
-
  if (document.documentElement && document.documentElement.clientWidth) {
 
-
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
 
-
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
 
-
  }
 
-
  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
 
-
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
 
-
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
 
-
  }
 
-
  if (document.body.clientWidth) {
 
-
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
 
-
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
 
-
  }
 
-
  if (sw_min==999999 || sh_min==999999) {
 
-
    sw_min=800;
 
-
    sh_min=600;
 
-
  }
 
-
  swide=sw_min-7;
 
-
  shigh=sh_min-7;
 
-
}
 
-
 
-
function set_scroll() {
 
-
  if (typeof(self.pageYOffset)=='number') {
 
-
    sdown=self.pageYOffset;
 
-
    sleft=self.pageXOffset;
 
-
  }
 
-
  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
 
-
    sdown=document.body.scrollTop;
 
-
    sleft=document.body.scrollLeft;
 
-
  }
 
-
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
 
-
    sleft=document.documentElement.scrollLeft;
 
-
    sdown=document.documentElement.scrollTop;
 
-
  }
 
-
  else {
 
-
    sdown=0;
 
-
    sleft=0;
 
-
  }
 
-
}
 
-
// ]]>
 
-
</script>
 
-
 
   <style type="text/css">
   <style type="text/css">
       body{ background: #000000 url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/broken_noise.png') top left repeat; overflow-x:hidden; border: none; margin: 0; padding: 0; width: 100%; height:100%; }
       body{ background: #000000 url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/broken_noise.png') top left repeat; overflow-x:hidden; border: none; margin: 0; padding: 0; width: 100%; height:100%; }
Line 200: Line 44:
     </style>
     </style>
<!-- MENUBAR -->
<!-- MENUBAR -->
 +
 +
<style type="text/css">
 +
a.tooltip {outline:none; }
 +
a.tooltip strong {line-height:30px;}
 +
a.tooltip:hover {text-decoration:none;}
 +
a.tooltip circle { z-index:10;display:none; margin-top:0px; margin-left:-80px; margin-top:-10px; width:80px; height:80px; font-size:1em;}
 +
a.tooltip circle { border-radius:80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; -moz-box-shadow: 0px 0px 10px 5px #666; -webkit-box-shadow: 0px 0px 10px 5px #666; box-shadow: 0px 0px 10px 5px #666; opacity: 0.7; }
 +
a.tooltip:hover circle{ display:inline; position:absolute; border:5px solid #FFF; color:#000;}
 +
 +
a.tooltip span { z-index:10;display:none; margin-top:0px; margin-left:-75px; margin-top:-35px; width:80px; font-size:1.5em; font-family:Georgia; text-align:center;}
 +
a.tooltip:hover span{ display:inline; position:absolute; color:#FFF;}
 +
</style>
 +
   <div class="center">
   <div class="center">
   <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL_PG">
   <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL_PG">
Line 207: Line 64:
   <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
   <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
   <div id="theMenu" class="inline">
   <div id="theMenu" class="inline">
-
       <a href="https://2013.igem.org/Team:UCL_PG/Team"><input title="Team" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/beams-aura.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Team" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B1%5Dbeams-aura.png" width=70><circle></circle><span>Team</span></a>
-
       <a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Science" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/fizzing-flask.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Project" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B2%5Dfizzing-flask.png" width=70><circle></circle><span>Science</span></a>
-
       <a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Social" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/radar-dish.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Social" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B3%5Dradar-dish.png" width=70><circle></circle><span>Social</span></a>
-
       <a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Achievement" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/medal.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Parts" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B4%5Dmedal.png" width=70><circle></circle><span>Achievements</span></a>
-
       <a href="https://2013.igem.org/Team:UCL_PG/Notebook"><input title="Notebook" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/book-cover.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Notebook" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B5%5Dbook-cover.png" width=70><circle></circle><span>Labbook</span></a>
-
       <a href="https://2013.igem.org/Team:UCL_PG/Sponsor"><input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/prayer.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Sponsor" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B6%5Dprayer.png" width=70><circle></circle><span>Sponsors</span></a>
-
       <a href="https://2013.igem.org/Team:UCL_PG/Contact"><input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/envelope.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Contact" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B7%5DIGEM_basic_Logo_stylized.png" width=70><circle></circle><span>Contacts</span></a>
     </div>
     </div>
Line 234: Line 91:
           <div class="boxed roundBorder inline" style=" width:300px; height:180px;">
           <div class="boxed roundBorder inline" style=" width:300px; height:180px;">
             <p style="color:white; font-size:2.9em;"><b>About us</b></p>
             <p style="color:white; font-size:2.9em;"><b>About us</b></p>
-
             <p style="color:#CDC9C9; font-size:1.1em;">We are a combination of dedicated graduate students and research assistants from both <a href="http://www.ucl.ac.uk/cancer">UCL Cancer Institute</a> and <a href="http://www.engineering.ucl.ac.uk/">UCL Engineering</a>.</p>
+
             <p style="color:#CDC9C9; font-size:1.1em;">We are a combination of dedicated graduate and master students from both <a href="http://www.ucl.ac.uk/cancer">UCL Cancer Institute</a> and <a href="http://www.engineering.ucl.ac.uk/">UCL Biochemical Engineering</a>.</p>
           </div>
           </div>
           <div class="boxed roundBorder inline" style=" width:260px; height:300px;">
           <div class="boxed roundBorder inline" style=" width:260px; height:300px;">

Latest revision as of 00:31, 4 October 2013

    

About iGEM

International Genetically Engineered Machine (iGEM) is an annual world-wide synthetic biology competition aimed at university students. Each year, participating teams from all over the world are challenged to bring their innovative ideas to life by applying engineering methodology in life sciences to ultimately produce “Biobricks” which are modular biological circuit parts that can be utilized to solve global issues.

About us

We are a combination of dedicated graduate and master students from both UCL Cancer Institute and UCL Biochemical Engineering.

About our idea

Improvising activation of the circuit with light, evolve luminescent proteins. Allow preclinical genetic imaging to study endogenous and disease processes in vivo and to image the genetic behaviour of life.

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