Team:UCL/Science

From 2014.igem.org

(Difference between revisions)
 
(120 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:UCL/Template:headerx}}
{{:Team:UCL/Template:headerx}}
-
<html>
+
<!--=================HTML===================-->
-
<div style="height:2000px; background-color:lightgrey;">
+
<html>
-
    <div id="container">
+
<!--This is script for firewall.js -->
-
         <div class="box"></div>
+
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&amp;ctype=text/javascript"></script>
-
        <div class="box"></div>
+
 
-
        <div class="box"></div>
+
 
-
        <div class="box"></div>
+
<div class="banner-image-special"></div>
-
        <div class="box"></div>
+
<div style="padding-top:500px;">
-
        <div class="box"></div>
+
<h1 style="background-color:black;color:white;z-index:35;">&nbsp;&nbsp;&nbsp;Wet Lab</h1>
-
        <div class="box"></div>
+
<div class="layout">
 +
<div id='grid' style="
 +
    padding-bottom: 0;
 +
    margin-bottom: 0;
 +
">
 +
         <div class='box biobricks-pro'><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a></div>
 +
<div class='box experiments-sci'><a href=" https://2014.igem.org/Team:UCL/Science/Experiment"><span class="overlayx"></span></a></div>
 +
<div class='box protocols-sci'><a href="https://2014.igem.org/Team:UCL/Science/Proto"><span class="overlayx"></span></a></div>
 +
<div class='box results-sci'><a href="https://2014.igem.org/Team:UCL/Science/Results"><span class="overlayx"></span></a></div>
 +
<div class='box sequences-sci'><a href="https://2014.igem.org/Team:UCL/Science/Sequences"><span class="overlayx"></span></a></div>
 +
<div class='box primers-sci' style="display:none;"><a href="https://2014.igem.org/Team:UCL/Science/Primers"><span class="overlayx"></span></a></div>
     </div>
     </div>
</div>
</div>
 +
<h1 style="padding-top: 0; margin-top: 0;background-color:black;color:white;z-index:35;">&nbsp;&nbsp;Dry Lab</h1>
 +
<div class="layout">
 +
<div id='grid2' >
 +
                <div class='boxx manuf-pro'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing#anchor"><span class="overlayx"></span></a></div>
 +
<div class='boxx micro-sci'><a href="https://2014.igem.org/Team:UCL/Science/MicroF"><span class="overlayx"></span></a></div>
 +
<div class='boxx xeno-pro'><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><span class="overlayx"></span></a></div>
 +
<div class='boxx modelling-sci'><a href="https://2014.igem.org/Team:UCL/Science/Model"><span class="overlayx"></span></a></div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--=================CSS===================-->
<style>
<style>
-
#container {
+
.layout {
-
    width: 100%
+
margin: 2em 15px;
-
    position: relative;
+
color: #333;
 +
}
 +
.overlayx {
 +
  position:absolute;
 +
  width:100%;
 +
  height:100%;
 +
  top:0;
 +
  left: 0;
 +
  z-index: 1;
 +
  background-image: url('empty.gif');
 +
}
 +
#grid{
 +
width: 96%;
 +
margin:2% 0% 2% 2%; 
 +
position: relative;
 +
font-size: 25px;
 +
font-family: 'Helvetica';
 +
color: #eaeaea;
 +
}
 +
#grid2{
 +
width: 96%;
 +
margin:2% 0% 2% 2%; 
 +
position: relative;
 +
font-size: 25px;
 +
font-family: 'Helvetica';
 +
color: #eaeaea;
}
}
.box {
.box {
-
    float: left;
+
background-color: white;
-
    background-color: blue;
+
box-shadow: 0px 0px 1px #222;
-
    position: relative;
+
float: left;
 +
position: relative;
 +
height:300px;
 +
width:300px;
 +
}
 +
.boxx {
 +
background-color: white;
 +
box-shadow: 0px 0px 1px #222;
 +
float: left;
 +
position: relative;
 +
height:300px;
 +
width:300px;
 +
}
 +
#fillers{
 +
display: none;
 +
}
 +
.fillerBox {
 +
background-color: #751e11;
 +
box-shadow: 0px 0px 1px #222;
 +
float: left;
 +
position: relative;
 +
}
 +
 
 +
.banner-image-special {
 +
    background: url('https://static.igem.org/mediawiki/2014/e/e8/Science_Banner.png') center no-repeat;
 +
    width:100%;
 +
    background-size:100%;
 +
    max-width:850px;
 +
    height:270px;
 +
    position:fixed;
 +
    padding-top:300px;
 +
}
 +
@media (min-width: 1140px) {
 +
    .banner-image-special {
 +
    max-width: none;
 +
    width:100%;
 +
    }
 +
}
 +
.sequences-sci {
 +
    background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.results-sci {
 +
    background: white url('https://static.igem.org/mediawiki/2014/c/c9/ResultsUCL.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.protocols-sci {
 +
    background: white url('https://static.igem.org/mediawiki/2014/5/53/ProtocolsUCL.png') center no-repeat;
 +
    background-size:58%;
 +
}
 +
.experiments-sci {
 +
    background: white url('https://static.igem.org/mediawiki/2014/f/f8/ExperimentsUCL.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.modelling-sci {
 +
    background: white url('https://static.igem.org/mediawiki/2014/3/34/Modeling_logoUCL.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.manuf-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/e/ef/ManufacturingUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.primers-sci {
 +
    background: white url('https://static.igem.org/mediawiki/2014/e/ef/Primer_design.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.bioprocessing-sci {
 +
    background: white url('https://static.igem.org/mediawiki/2014/f/fd/BioprocessingUCL.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.micro-sci {
 +
    background: white url('https://static.igem.org/mediawiki/2014/0/0a/Microfluidics_logoUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.biobricks-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/b/b8/BiobrickUCL.png') center no-repeat;
 +
    background-size:58%;
 +
}
 +
.xeno-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/6/63/Xenobiology_LogoUCL.png') center no-repeat;
 +
    background-size:56%;
}
}
</style>
</style>
-
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:mason.js?action=raw&amp;ctype=text/javascript"></script>
+
<!--=================Javascript===================-->
-
 
+
-
<!-- This is to initialize the above js which aims to reorder box divs with no spaces -->
+
<script>
<script>
-
$(document).ready(function(){
+
$(function() {
-
$("#container").mason({
+
$("#grid").each(function() {
-
    itemSelector: ".box",
+
var wall = new freewall(this);
-
    ratio: 1.5,
+
wall.reset({
-
    sizes: [
+
selector: '.box',
-
        [1,1],
+
cellW: 320,
-
        [1,2],
+
cellH: 320,
-
        [2,2]
+
fixSize: 0,
-
    ],
+
gutterY: 20,
-
    columns: [
+
gutterX: 20,
-
        [0,480,1],
+
onResize: function() {
-
        [480,780,2],
+
wall.fitWidth();
-
        [780,1080,3],
+
}
-
        [1080,1320,4],
+
});
-
        [1320,1680,5]
+
wall.fitWidth();
-
    ],
+
});
-
    filler: {
+
$(window).trigger("resize");
-
        itemSelector: '.fillerBox',
+
});
-
        filler_class: 'custom_filler'
+
-
    },
+
-
    layout: 'fluid',
+
-
    gutter: 10
+
-
},function(){
+
-
    console.log("COMPLETE!")
+
-
}); });
+
-
</script>
+
 +
$(function() {
 +
$("#grid2").each(function() {
 +
var wall = new freewall(this);
 +
wall.reset({
 +
selector: '.boxx',
 +
cellW: 320,
 +
cellH: 320,
 +
fixSize: 0,
 +
gutterY: 20,
 +
gutterX: 20,
 +
onResize: function() {
 +
wall.fitWidth();
 +
}
 +
});
 +
wall.fitWidth();
 +
});
 +
$(window).trigger("resize");
 +
});
 +
</script>
</html>
</html>
{{:Team:UCL/Template:footerx}}
{{:Team:UCL/Template:footerx}}

Latest revision as of 02:29, 18 October 2014

Goodbye Azodye UCL iGEM 2014

   Wet Lab

  Dry Lab

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/Science"