Team:UCL/Humans

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:UCL/Template:headerx}}
{{:Team:UCL/Template:headerx}}
 +
<!--=================HTML===================-->
<html>
<html>
-
<!-- ============= CSS for Humans Main ================= -->
+
<div class="banner-image-special"></div>
-
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:HumansMain.css?action=raw&ctype=text/css" type="text/css" />
+
<div style="padding-top:300px;">
 +
    <div id='grid'>
 +
<div class='box' id='results-sci'>Results</div>
 +
<div class='box' id='protocols-sci'>Protocols</div>
 +
<div class='box' id='experiments-sci'>Experiments</div>
 +
<div class='box' id='modelling-sci'>Modelling</div>
 +
<div class='box' id='bioprocessing-sci'>Manufacturing</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>
-
<!-- ============= BODY SLIDERS ======================== -->
 
-
<body>
 
-
<div class="slidz x1"></div>
 
-
<div class="slidz x2">
 
-
    <div class="slidz-inner-left">
 
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Team and Supervisors</h3></div>
 
-
                    <div class="slidz-inner-left-bottom"><p>Come and have a look at who we all Are. Here you will find out all loads about not just our team but our supervisors and advisers who helped us all the way through.</p></div>
 
-
    </div>
+
<!--=================CSS===================-->
-
    <div class="slidz-inner-right" id="ix1"></div>
+
 
-
</div>
+
<style>
-
<div class="slidz x3">
+
#grid{
-
    <div class="slidz-inner-left">
+
width: 100%;
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Sociological Imaginations</h3></div>
+
position: relative;
-
                    <div class="slidz-inner-left-bottom"></div>
+
font-size: 25px;
-
    </div>
+
font-family: 'Helvetica';
-
                    <div class="slidz-inner-right"><p>Synthetic biology sparks the imagination in all of us. Being at the dawn of the 21st century, iGEM teams across the globe have been given the opportunity to be at the forefront of a technology that has the potential to change the way we all live. With this team's Goodbye Azo Dye Project, we have sought to address an underappreciated environmental issue for which synthetic biology can provide a possible solution. However, the technology we are using is claimed to be at odds with assertions that our scientific endeavours could be detrimental to our environmental security in the first place. Hence, this juxtaposition has prompted us to imagine what it all means and how we can think of ways to make sure our <b>collective efforts</b> are met with a <b>sustainable outcome</b>. Therefore, the social scientists of our team have engaged themselves in working out an analysis of these <b>two opposing environmental discourses</b>. By looking the convergence of these discourses in the UCL team in relation to the broader iGEM framework, they have mapped out current tendencies in dealing with a <b>late-modernity</b> that is entrapped by <b>ecological uncertainties</b>. The results show what this means in terms of the <b>governance of an emerging technology</b> like synthetic biology.</p></div>
+
color: #eaeaea;
-
                 
+
}
-
          <!--<div class="slidz-inner-right"></div>-->
+
.box {
-
</div>
+
background-color: #c23822;
-
<div class="slidz x4">
+
box-shadow: 0px 0px 1px #222;
-
    <div class="slidz-inner-left">
+
float: left;
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Collaborations</h3></div>
+
position: relative;
-
                    <div class="slidz-inner-left-bottom"></div>
+
}
-
    </div>
+
#fillers{
-
    <!--<div class="slidz-inner-right"></div>-->
+
display: none;
-
</div>
+
}
-
<div class="slidz x5">
+
.fillerBox {
-
    <div class="slidz-inner-left">
+
background-color: #751e11;
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Sponsorship</h3></div>
+
box-shadow: 0px 0px 1px #222;
-
                    <div class="slidz-inner-left-bottom"></div>
+
float: left;
-
    </div>
+
position: relative;
-
    <!--<div class="slidz-inner-right"></div>-->
+
}
-
</div>
+
 
-
<div class="slidz x6">
+
.banner-image-special {
-
    <div class="slidz-inner-left">
+
    background: url('https://static.igem.org/mediawiki/2014/2/27/UCLHumanElementsBanner.png') center no-repeat;
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Risk Assessment</h3></div>
+
    width:100%;
-
                    <div class="slidz-inner-left-bottom"></div>
+
    background-size:100%;
-
    </div>
+
    max-width:850px;
-
    <!--<div class="slidz-inner-right"></div>-->
+
    height:100px;
-
</div>
+
    position:fixed;
-
<div class="slidz x7">
+
    padding-top:170px;
-
    <div class="slidz-inner-left">
+
}
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Gallery</h3></div>
+
@media (min-width: 1140px) {
-
                    <div class="slidz-inner-left-bottom"></div>
+
    .banner-image-special {
-
    </div>
+
    max-width:none;
-
    <!--<div class="slidz-inner-right"></div>-->
+
    width:850px;
-
</div>
+
    left:25%;
 +
    padding-top:250px;
 +
    }
 +
}
 +
#results-sci {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#protocols-sci {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#experiments-sci {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#modelling-sci {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#bioprocessing-sci {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#redd {
 +
    background: red center no-repeat;
 +
    background-size:100%;
 +
    opacity:0.5;
 +
}
 +
#bluee {
 +
    background: blue center no-repeat;
 +
    background-size:100%;
 +
    opacity:0.5;
 +
}
 +
#yelloww {
 +
    background: yellow center no-repeat;
 +
    background-size:100%;
 +
    opacity:0.5;
 +
}
 +
 
 +
</style>
 +
 
 +
<!--=================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>
 +
$(document).ready(function(){
 +
$(function(){
 +
$("#grid").mason({
 +
itemSelector: ".box",
 +
ratio: 1.5,
 +
sizes: [
 +
[1,1],
 +
[1,2],
 +
[2,1],
 +
                                        [2,2]
 +
],
 +
columns: [
 +
[0,480,1],
 +
[480,780,2],
 +
[780,1080,3],
 +
[1080,1320,4],
 +
[1320,1680,5]
 +
],
 +
filler: {
 +
itemSelector: '.fillerBox',
 +
filler_class: 'custom_filler'
 +
},
 +
layout: 'fluid',
 +
});
 +
}); });
 +
</script>
-
</body>
 
</html>
</html>
{{:Team:UCL/Template:footerx}}
{{:Team:UCL/Template:footerx}}

Revision as of 11:58, 3 September 2014

Goodbye Azodye UCL iGEM 2014

Results
Protocols
Experiments
Modelling
Manufacturing

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