"
Team:UCL/Humans
From 2014.igem.org
(Difference between revisions)
Lewismoffat (Talk | contribs) |
|||
| Line 1: | Line 1: | ||
| - | + | {:Team:UCL/Template:headerx}} | |
<!--=================HTML===================--> | <!--=================HTML===================--> | ||
<html> | <html> | ||
| + | <script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&ctype=text/javascript"></script> | ||
<div class="banner-image-special"></div> | <div class="banner-image-special"></div> | ||
| Line 17: | Line 18: | ||
<div style="padding-top:20px;"> | <div style="padding-top:20px;"> | ||
<div id='grid'> | <div id='grid'> | ||
| - | + | <div class='box team-human'><a href="https://2014.igem.org/Team:UCL/Humans/Team"><span class="overlayx"></span></a></div> | |
| - | + | <div class='box collaborations-human' ><a href="https://2014.igem.org/Team:UCL/Humans/Collab"><span class="overlayx"></span></a></div> | |
| - | + | <div class='box risk-human'><a href="https://2014.igem.org/Team:UCL/Humans/Risk"><span class="overlayx"></span></a></div> | |
| - | + | <div class='box soc-human'><a href="https://2014.igem.org/Team:UCL/Humans/Soci"><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> | </div> | ||
| - | |||
<!--=================CSS===================--> | <!--=================CSS===================--> | ||
| Line 74: | Line 70: | ||
} | } | ||
#grid{ | #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 { | .banner-image-special { | ||
background: url('https://static.igem.org/mediawiki/2014/6/6f/Human_Elements.png') center no-repeat; | background: url('https://static.igem.org/mediawiki/2014/6/6f/Human_Elements.png') center no-repeat; | ||
| Line 115: | Line 103: | ||
} | } | ||
} | } | ||
| - | + | .team-human { | |
background: white url('https://static.igem.org/mediawiki/2014/7/75/Team_and_SupervisorsUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/7/75/Team_and_SupervisorsUCL.png') center no-repeat; | ||
background-size:56%; | background-size:56%; | ||
} | } | ||
| - | + | .collaborations-human { | |
background: white url('https://static.igem.org/mediawiki/2014/0/0c/CollaborationsUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/0/0c/CollaborationsUCL.png') center no-repeat; | ||
background-size:56%; | background-size:56%; | ||
} | } | ||
| - | + | .risk-human { | |
background: white url('https://static.igem.org/mediawiki/2014/b/be/Risk_AssessmentUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/b/be/Risk_AssessmentUCL.png') center no-repeat; | ||
background-size:56%; | background-size:56%; | ||
} | } | ||
| - | + | .soc-human { | |
background: white url('https://static.igem.org/mediawiki/2014/e/eb/SociologicalImagUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/e/eb/SociologicalImagUCL.png') center no-repeat; | ||
background-size:56%; | background-size:56%; | ||
} | } | ||
| - | + | .sponsor-human { | |
background: white url('https://static.igem.org/mediawiki/2014/3/32/SponsorshipUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/3/32/SponsorshipUCL.png') center no-repeat; | ||
background-size:56%; | background-size:56%; | ||
} | } | ||
| - | + | .gallery-human { | |
background: white url('https://static.igem.org/mediawiki/2014/5/55/GalleryUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/5/55/GalleryUCL.png') center no-repeat; | ||
background-size:56%; | 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: white url('https://static.igem.org/mediawiki/2014/7/75/UCLAttributions_logo_transparent-01.png') center no-repeat; | ||
background-size:56%; | background-size:56%; | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
</style> | </style> | ||
<!--=================Javascript===================--> | <!--=================Javascript===================--> | ||
| - | |||
| - | |||
| - | |||
<!-- This is to initialize the above js which aims to reorder box divs with no spaces --> | <!-- This is to initialize the above js which aims to reorder box divs with no spaces --> | ||
<script> | <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> | </script> | ||
Revision as of 21:55, 15 October 2014
{:Team:UCL/Template:headerx}}
Humans are the engine behind the machine that is our project, and it is through humans that we tell our story. Be it who we are or the who we've influenced this is were you will find anything and everything to do with the humans involved in this project.
Click below to see the full story how we as a team engaged the public and ourselves, or click one of the boxes to see some of the more individual aspects of the humans in our project.
