Team:UCL/Project

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(79 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 *** -->
+
{{:Team:UCL/Template:headerx}}
-
 
+
<!--=================HTML===================-->
-
 
+
-
{{CSS/Main}}
+
-
 
+
-
 
+
<html>
<html>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&amp;ctype=text/javascript"></script>
-
<!--main content -->
 
-
<table width="70%" align="center">
 
-
 
-
 
-
<!--welcome box -->
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
 
-
<h1 >WELCOME TO iGEM 2014! </h1>
 
-
<p>Your team has been approved and you are ready to start the iGEM season!
 
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
 
-
<br>
 
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCL/Project&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
 
-
</td>
 
-
</tr>
 
-
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
 
-
<!--navigation menu -->
 
-
<td align="center" colspan="3">
 
-
 
-
<table  width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
-
 
-
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:UCL"style="color:#000000">Home </a> </td>
 
-
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:UCL/Team"style="color:#000000"> Team </a> </td>
 
-
 
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UCL"style="color:#000000"> Official Team Profile </a></td>
 
-
 
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:UCL/Project"style="color:#000000"> Project</a></td>
 
-
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:UCL/Parts"style="color:#000000"> Parts</a></td>
 
-
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:UCL/Modeling"style="color:#000000"> Modeling</a></td>
 
-
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:UCL/Notebook"style="color:#000000"> Notebook</a></td>
 
-
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:UCL/Safety"style=" color:#000000"> Safety </a></td>
 
-
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:UCL/Attributions"style="color:#000000"> Attributions </a></td>
 
-
 
-
 
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
-
</tr>
 
-
</table>
 
-
 
-
</tr>
 
-
</tr>
 
-
</td>
 
-
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
 
-
 
-
 
-
<!--Project content  -->
 
-
<tr><td > <h3> Project Description </h3></td>
 
-
<td ></td >
 
-
<td > <h3> Content</h3></td>
 
-
</tr>
 
-
 
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs) </p>
 
-
<br>
 
-
<h3>References </h3>
 
-
<p>
 
-
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>
 
-
</td>
 
-
 
-
<td></td>
 
-
<td  width="45%"  valign="top">
 
-
<p> You can use these subtopics to further explain your project</p>
 
-
 
-
<ol>
 
-
<li>Overall project summary</li>
 
-
<li>Project Details</li>
 
-
<li>Materials and Methods</li>
 
-
<li>The Experiments</li>
 
-
<li>Results</li>
 
-
<li>Data analysis</li>
 
-
<li>Conclusions</li>
 
-
</ol>
 
-
<p>
+
<div class="banner-image-special"></div>
-
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.  
+
<div style="padding-top:500px;">
-
</p>
+
    <div id='grid'>
 +
<div class='box about-pro'><a href="https://2014.igem.org/Team:UCL/Project/About"><span class="overlayx"></span></a></div>
 +
<!--<div class='box biobricks-pro'><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a></div>-->
 +
<div class='box achievements-pro'><a href="https://2014.igem.org/Team:UCL/Project/Achievements"><span class="overlayx"></span></a></div>
 +
<!--<div class='box future-pro'><a href="https://2014.igem.org/Team:UCL/Project/Future"><span class="overlayx"></span></a></div>-->
 +
<!--<div class='box manuf-pro'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing#anchor"><span class="overlayx"></span></a></div>
 +
<div class='box xeno-pro'><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><span class="overlayx"></span></a></div>-->
 +
                <div class='box sponsor-human'><a href="https://2014.igem.org/Team:UCL/Humans/Sponsor"><span class="overlayx"></span></a></div>
 +
<div class='box gallery-human'><a href="https://2014.igem.org/Team:UCL/Humans/Gallery"><span class="overlayx"></span></a></div>
 +
<div class='box attributions-human'><a href="https://2014.igem.org/Team:UCL/Humans/Attributions"><span class="overlayx"></span></a></div>
 +
</div>
 +
</div>
-
<p>
+
<!--=================CSS===================-->
-
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.
+
-
</p>
+
-
</td>
+
<style>
 +
.overlayx {
 +
  position:absolute;
 +
  width:100%;
 +
  height:100%;
 +
  top:0;
 +
  left: 0;
 +
  z-index: 1;
 +
  background: center no-repeat;
 +
  background-image: url('empty.gif');
 +
}
 +
#grid{
 +
width: 96%;
 +
margin:2% 0% 2% 2%; 
 +
position: relative;
 +
font-size: 25px;
 +
font-family: 'Helvetica';
 +
color: #eaeaea;
 +
}
 +
.box {
 +
background-color: white;
 +
box-shadow: 0px 0px 1px #222;
 +
float: left;
 +
position: relative;
 +
height:300px;
 +
width:300px;
 +
}
 +
.banner-image-special {
 +
    background: url('https://static.igem.org/mediawiki/2014/6/6b/Project_bannerUCL.png') center no-repeat;
 +
    width:100%;
 +
    margin-top: 1%;
 +
    background-size:100%;
 +
    max-width:850px;
 +
    height:270px;
 +
    position:fixed;
 +
    padding-top:150px;
 +
}
 +
@media (min-width: 1140px) {
 +
    .banner-image-special {
 +
    max-width: none;
 +
    width:100%;
 +
    margin-top:70px;
 +
    }
 +
}
 +
.about-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/d/d8/About_logoUCL.png') center no-repeat;
 +
    background-size:59%;
 +
}
 +
.biobricks-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/b/b8/BiobrickUCL.png') center no-repeat;
 +
    background-size:58%;
 +
}
 +
.sequences-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.achievements-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/5/5a/Achievements_logoUCL.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.future-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/9/9a/FutureUCL.png') center no-repeat;
 +
    background-size:59%;
 +
}
 +
.manuf-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/e/ef/ManufacturingUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.xeno-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/6/63/Xenobiology_LogoUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.sponsor-human {
 +
    background: white url('https://static.igem.org/mediawiki/2014/3/32/SponsorshipUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.gallery-human {
 +
    background: white url('https://static.igem.org/mediawiki/2014/5/55/GalleryUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.attributions-human {
 +
    background: white url('https://static.igem.org/mediawiki/2014/7/75/UCLAttributions_logo_transparent-01.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
</style>
-
</tr>
+
<!--=================Javascript===================-->
 +
<!-- This is to initialize the above js which aims to reorder box divs with no spaces -->
 +
<script>
 +
var wall = new freewall("#grid");
 +
wall.reset({
 +
selector: '.box',
 +
animate: true,
 +
cellW: 300,
 +
cellH: 300,
 +
onResize: function() {
 +
wall.refresh();
 +
}
 +
});
 +
wall.fitWidth();
 +
// for scroll bar appear;
 +
$(window).trigger("resize");
 +
</script>
-
</table>
 
</html>
</html>
 +
{{:Team:UCL/Template:footerx}}

Latest revision as of 14:36, 17 October 2014

Goodbye Azodye UCL iGEM 2014

Contact Us

University College London
Gower Street - London
WC1E 6BT
Biochemical Engineering Department
Phone: +44 (0)20 7679 2000
Email: ucligem2014@gmail.com

Follow Us

Retrieved from "http://2014.igem.org/Team:UCL/Project"