Team:UCL-London-PG/HomeTest

From 2013.igem.org

(Difference between revisions)

Latest revision as of 09:56, 18 June 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 students and research assistants from both UCL Cancer Institute and UCL 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.

@@ Line 10: / Line 10: @@
        #top-section {height: 10px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
        #p-logo { height:0px; overflow:hidden; display: none;}
-       #footer-box { border: none;}
+       #footer-box { border: none; background-color:transparent;}
        #catlinks{display:none !important;}
        //#top-section{display:none;}
+      h1.firstHeading{display:none}
+      a:link {color:#87CEFF; outline: 0;}    /* unvisited link */
+      a:visited {color:#87CEFF; outline: 0;} /* visited link */
        .center{margin:auto;}
        .inline{display:inline-block;}
+      .roundBorder{-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;};
        .firstHeading{display:none;}
@@ Line 27: / Line 31: @@
           font-weight: normal;
           font-style: normal;}
-   </style>
-      <script type="text/javascript" src="jquery-1.2.2.pack.js"></script>
-      <script type="text/javascript" src="htmltooltip.js"></script>
-      <style type="text/css">
-         div.htmltooltip{
-            position: absolute; //leave this and next 3 values alone
-            z-index: 1000;
-            left: -1000px;
-            top: -1000px;
-            background: #272727;
-            border: 10px solid black;
-            color: white;
-            padding: 3px;
-            width: 250px; //width of tooltip
-         }
-      </style>
 </head>
@@ Line 50: / Line 39: @@
        #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, 0 0 100px #0000EE;}
+       #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>
      <div class="center">
-     <div id="theTitle" class="inline">
+     <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL-London-PG/HomeTest">
         <div id="teamNameTitle">SPECTRA</div><br><br>
         <div id="slogan" class="center">Let there be Light</div>
-     </div>
+     </a></div>
      <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
      <div id="theMenu" class="inline">
-        <input title="Team" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/beams-aura.png" width=70>
+        <a href="https://2013.igem.org/Team:UCL-London-PG/TeamTest"><input title="Team" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/beams-aura.png" width=70></a>
-        <input title="Science" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/fizzing-flask.png" width=70>
+        <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>
-        <input title="Social" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/radar-dish.png" width=70>
+        <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>
-        <input title="Notebook" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/tied-scroll.png" width=70>
+        <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>
-        <input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/prayer.png" width=70>
+       <a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Notebook" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/tied-scroll.png" width=70></a>
+        <a href="https://2013.igem.org/Team:UCL-London-PG/SponsorTest"><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-London-PG/ContactTest"><input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/envelope.png" width=70></a>
      </div>
      <br><br>
      <style>
-        .boxed{background-color:white; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
+        .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:500px; height:650px;">
+        <div class="inline" style="width:800px; height:840px;">
-           <div class="boxed inline" style=" width:100px; height:400px;">
+           <div class="boxed roundBorder inline" style=" width:260px; height:350px;">
-              About iGEM<br>
+              <p style="color:white; font-size:2.9em;"><b>About iGEM</b></p>
-              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 and ultimately produce “Biobricks” which are modular biological circuit parts that can be utilized to solve global issues.
+              <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 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>
+          </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>
-          Who are we
-          The idea
-          Join the fun
         </div>
-        <iframe src="http://www.slideshare.net/slideshow/embed_code/22956081" width="800" height="650" frameborder="100" marginwidth="0" marginheight="0" scrolling="no"></iframe>
+        <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>