Team:UCL PG

From 2013.igem.org

(Difference between revisions)
(Created page with "<!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** --> <html> <div id="box" style="widt...")
 
(23 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<html>
+
<head>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
  <style type="text/css">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
      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%; }
-
This is a template page. READ THESE INSTRUCTIONS.
+
      #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; height:100%;}
-
</div>
+
      #content {padding-top:70px; min-height:700px}
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
      #search-controls { display:none; }
-
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>.
+
      #top-section {height: 10px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
-
</div>
+
      #p-logo { height:0px; overflow:hidden; display: none;}
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
      #footer-box { border: none; background-color:transparent;}
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
      #catlinks{display:none !important;}
-
</div>
+
      //#top-section{display:none;}
-
</div>
+
      h1.firstHeading{display:none}
-
</html>
+
      a:link {color:#87CEFF; outline: 0;}    /* unvisited link */
 +
      a:visited {color:#87CEFF; outline: 0;} /* visited link */
 +
      a:hover {TEXT-DECORATION: none;} /*hover over a link*/
-
<!-- *** End of the alert box *** -->
+
      .center{margin:auto;}
 +
      .inline{display:inline-block;}
 +
      .roundBorder{-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;};
 +
      .firstHeading{display:none;}
 +
      @font-face {
 +
        font-family: 'titleFont';
 +
        src: url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.eot');
 +
        src: url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.eot?#iefix') format('embedded-opentype'),
 +
        url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.woff') format('woff'),
 +
        url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.ttf') format('truetype'),
 +
        url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.svg') format('svg');
 +
        font-weight: normal;
 +
        font-style: normal;}
 +
</head>
-
{|align="justify"
 
-
|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.
 
-
|[[Image:UCL_PG_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:UCL_PG_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:UCL_PG | Team UCL_PG]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
+
<body>
 +
    <style>
 +
      #theTitle{}
 +
      #theMenu{}
 +
      #teamNameTitle{font-family:'titleFont'; font-size:80px; color:white ;text-shadow: 0 0 10px #fff, 0 0 20px #FF7F00, 0 0 30px #FF7F00, 0 0 40px #0000FF, 0 0 70px #0000FF, 0 0 80px #0000EE;}
 +
      #slogan{font-family:'titleFont'; font-size:20px; color:white; margin:auto; text-shadow: 0 0 10px #fff;}
 +
    </style>
 +
<!-- MENUBAR -->
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<style type="text/css">
-
!align="center"|[[Team:UCL_PG|Home]]
+
a.tooltip {outline:none; }
-
!align="center"|[[Team:UCL_PG/Team|Team]]
+
a.tooltip strong {line-height:30px;}
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=UCL_PG Official Team Profile]
+
a.tooltip:hover {text-decoration:none;}
-
!align="center"|[[Team:UCL_PG/Project|Project]]
+
a.tooltip circle { z-index:10;display:none; margin-top:0px; margin-left:-80px; margin-top:-10px; width:80px; height:80px; font-size:1em;}
-
!align="center"|[[Team:UCL_PG/Parts|Parts Submitted to the Registry]]
+
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; }
-
!align="center"|[[Team:UCL_PG/Modeling|Modeling]]
+
a.tooltip:hover circle{ display:inline; position:absolute; border:5px solid #FFF; color:#000;}
-
!align="center"|[[Team:UCL_PG/Notebook|Notebook]]
+
 
-
!align="center"|[[Team:UCL_PG/Safety|Safety]]
+
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;}
-
!align="center"|[[Team:UCL_PG/Attributions|Attributions]]
+
a.tooltip:hover span{ display:inline; position:absolute; color:#FFF;}
-
|}
+
</style>
 +
 
 +
  <div class="center">
 +
  <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL_PG">
 +
      <div id="teamNameTitle">SPECTRA</div><br><br>
 +
      <div id="slogan" class="center">Let there be Light</div>
 +
  </a></div>
 +
  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
 +
  <div id="theMenu" class="inline">
 +
      <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/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/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/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" 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" 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" 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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    <br><br>
 +
 
 +
    <style>
 +
      .boxed{margin:20px; padding:20px; box-shadow: 0 0 0 6px #EEE9E9, 0 0 0 12px #8B8989; font-family:Tahoma; }
 +
      .boxed{text-align:left; }
 +
    </style>
 +
    <div>
 +
      <div class="inline" style="width:800px; height:840px;">
 +
          <div class="boxed roundBorder inline" style=" width:260px; height:350px;">
 +
            <p style="color:white; font-size:2.9em;"><b>About iGEM</b></p>
 +
            <p style="color:#CDC9C9; font-size:1.1em;"><a href="https://igem.org/Main_Page">International Genetically Engineered Machine (iGEM)</a>  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.</p>
 +
          </div>
 +
          <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:#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 class="boxed roundBorder inline" style=" width:260px; height:300px;">
 +
            <p style="color:white; font-size:2.9em;"><b>About our idea</b></p>
 +
            <p style="color:#CDC9C9; font-size:1.1em;">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.</p>
 +
          </div>
 +
      </div>
 +
      <iframe class="roundBorder boxed" src="http://www.slideshare.net/slideshow/embed_code/22956081" width="800" height="650" frameborder="100" marginwidth="0" marginheight="0" scrolling="no"></iframe>
 +
    </div>
 +
 
 +
    </div>
 +
</body>
 +
 
 +
 
 +
 
 +
</html>

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"