Team:UCL/Science

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<!--=================HTML===================-->
<!--=================HTML===================-->
<html>
<html>
 +
<!--This is script for firewall.js -->
 +
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&amp;ctype=text/javascript"></script>
 +
 +
<div class="banner-image-special"></div>
<div class="banner-image-special"></div>
<div style="padding-top:500px;">
<div style="padding-top:500px;">
     <div id='grid'>
     <div id='grid'>
-
<div class='box' id='results-sci'><a href="https://2014.igem.org/Team:UCL/Science/Results"><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' id='protocols-sci'><a href="https://2014.igem.org/Team:UCL/Science/Proto"><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' id='experiments-sci'><a href=" https://2014.igem.org/Team:UCL/Science/Experiment"><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' id='sequences-pro'><a href="https://2014.igem.org/Team:UCL/Science/Sequences"><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' id='modelling-sci'><a href="https://2014.igem.org/Team:UCL/Science/Model"><span class="overlayx"></span></a></div>
+
<div class='box modelling-sci'><a href="https://2014.igem.org/Team:UCL/Science/Model"><span class="overlayx"></span></a></div>
-
<div class='box' id='bioprocessing-sci'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing"><span class="overlayx"></span></a></div>
+
<div class='box bioprocessing-sci'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing"><span class="overlayx"></span></a></div>
-
<div class='box' id='primers-sci'><a href="https://2014.igem.org/Team:UCL/Science/Primers"><span class="overlayx"></span></a></div>
+
<div class='box primers-sci'><a href="https://2014.igem.org/Team:UCL/Science/Primers"><span class="overlayx"></span></a></div>
-
        <div class='box' id='micro-faq'><a href="https://2014.igem.org/Team:UCL/Science/MicroF"><span class="overlayx"></span></a></div>
+
<div class='box micro-sci'><a href="https://2014.igem.org/Team:UCL/Science/MicroF"><span class="overlayx"></span></a></div>
-
    </div>
+
-
    <div id='fillers'>
+
-
        <!--<div class='fillerBox' id='redd'></div>
+
-
<div class='fillerBox' id='bluee'></div>
+
-
<div class='fillerBox' id='yelloww'></div>-->
+
     </div>
     </div>
</div>
</div>
Line 35: Line 34:
}
}
#grid{
#grid{
-
width: 96%;
+
width: 96%;
-
                        margin:2% 0% 2% 2%;   
+
margin:2% 0% 2% 2%;   
-
position: relative;
+
position: relative;
-
font-size: 25px;
+
font-size: 25px;
-
font-family: 'Helvetica';
+
font-family: 'Helvetica';
-
color: #eaeaea;
+
color: #eaeaea;
-
}
+
}
-
.box {
+
.box {
-
background-color: white;
+
background-color: white;
-
box-shadow: 0px 0px 1px #222;
+
box-shadow: 0px 0px 1px #222;
-
float: left;
+
float: left;
-
position: relative;
+
position: relative;
-
}
+
height:300px;
-
#fillers{
+
width:300px;
-
display: none;
+
}
-
}
+
#fillers{
-
.fillerBox {
+
display: none;
-
background-color: #751e11;
+
}
-
box-shadow: 0px 0px 1px #222;
+
.fillerBox {
-
float: left;
+
background-color: #751e11;
-
position: relative;
+
box-shadow: 0px 0px 1px #222;
-
}
+
float: left;
 +
position: relative;
 +
}
.banner-image-special {
.banner-image-special {
Line 73: Line 74:
     }
     }
}
}
-
#sequences-pro {
+
.sequences-sci {
     background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat;  
     background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat;  
     background-size:60%;
     background-size:60%;
}
}
-
#results-sci {
+
.results-sci {
     background: white url('https://static.igem.org/mediawiki/2014/c/c9/ResultsUCL.png') center no-repeat;  
     background: white url('https://static.igem.org/mediawiki/2014/c/c9/ResultsUCL.png') center no-repeat;  
     background-size:60%;
     background-size:60%;
}
}
-
#protocols-sci {
+
.protocols-sci {
     background: white url('https://static.igem.org/mediawiki/2014/5/53/ProtocolsUCL.png') center no-repeat;  
     background: white url('https://static.igem.org/mediawiki/2014/5/53/ProtocolsUCL.png') center no-repeat;  
     background-size:58%;
     background-size:58%;
}
}
-
#experiments-sci {
+
.experiments-sci {
     background: white url('https://static.igem.org/mediawiki/2014/f/f8/ExperimentsUCL.png') center no-repeat;  
     background: white url('https://static.igem.org/mediawiki/2014/f/f8/ExperimentsUCL.png') center no-repeat;  
     background-size:60%;
     background-size:60%;
}
}
-
#modelling-sci {
+
.modelling-sci {
     background: white url('https://static.igem.org/mediawiki/2014/3/34/Modeling_logoUCL.png') center no-repeat;  
     background: white url('https://static.igem.org/mediawiki/2014/3/34/Modeling_logoUCL.png') center no-repeat;  
     background-size:60%;
     background-size:60%;
}
}
-
#primers-sci {
+
.primers-sci {
     background: white url('https://static.igem.org/mediawiki/2014/e/ef/Primer_design.png') center no-repeat;  
     background: white url('https://static.igem.org/mediawiki/2014/e/ef/Primer_design.png') center no-repeat;  
     background-size:60%;
     background-size:60%;
}
}
-
#bioprocessing-sci {
+
.bioprocessing-sci {
     background: white url('https://static.igem.org/mediawiki/2014/f/fd/BioprocessingUCL.png') center no-repeat;  
     background: white url('https://static.igem.org/mediawiki/2014/f/fd/BioprocessingUCL.png') center no-repeat;  
     background-size:60%;
     background-size:60%;
}
}
-
#redd {
+
.micro-sci {
-
    background: white center no-repeat;
+
-
    background-size:100%;
+
-
    opacity:1;
+
-
}
+
-
#micro-faq {
+
     background: white url('https://static.igem.org/mediawiki/2014/0/0a/Microfluidics_logoUCL.png') center no-repeat;  
     background: white url('https://static.igem.org/mediawiki/2014/0/0a/Microfluidics_logoUCL.png') center no-repeat;  
     background-size:56%;
     background-size:56%;
-
}
 
-
#bluee {
 
-
    background: #333333 center no-repeat;
 
-
    background-size:100%;
 
-
    opacity:1;
 
-
}
 
-
#yelloww {
 
-
    background: #f2f2f2 center no-repeat;
 
-
    background-size:100%;
 
-
    opacity:1;
 
}
}
Line 124: Line 110:
<!--=================Javascript===================-->
<!--=================Javascript===================-->
-
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:mason.js?action=raw&amp;ctype=text/javascript"></script>
 
-
 
-
<!-- This is to initialize the above js which aims to reorder box divs with no spaces -->
 
<script>
<script>
-
$(document).ready(function(){
+
var wall = new freewall("#grid");
-
$(function(){
+
wall.reset({
-
$("#grid").mason({
+
selector: '.box',
-
itemSelector: ".box",
+
animate: true,
-
ratio: 1.5,
+
cellW: 300,
-
sizes: [
+
cellH: 300,
-
[1,1],
+
onResize: function() {
-
],
+
wall.refresh();
-
columns: [
+
}
-
[0,480,1],
+
-
[480,700,2],
+
-
                                        [700,1680,3]
+
-
],
+
-
filler: {
+
-
itemSelector: '.fillerBox',
+
-
filler_class: 'custom_filler'
+
-
},
+
-
layout: 'fluid',
+
-
                                gutter: 5
+
});
});
-
}); });
+
wall.fitWidth();
 +
// for scroll bar appear;
 +
$(window).trigger("resize");
</script>
</script>
-
 
-
 
</html>
</html>
{{:Team:UCL/Template:footerx}}
{{:Team:UCL/Template:footerx}}

Revision as of 21:09, 15 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/Science"