Difference between revisions of "Team:Warwick"

 
(193 intermediate revisions by 4 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
 
<style type="text/css">
 
<style type="text/css">
  
−
/* WIKI SETTINGS*/
 
 
 
−
/* Hide first heading */
 
 
.firstHeading {
 
.firstHeading {
 
display: none;
 
display: none;
 
}
 
}
 
 
−
/*-- Remove borders, float content left and remove padding/margin */
+
−
#globalWrapper, #content{
+
−
background-color: transparent;
+
−
border: 0px;
+
−
float: left;
+
−
margin:0px;
+
−
padding: 0px;
+
−
}
+
  
−
/*left align Black Menu Bar */
+
−
#top_menu_inside {
+
−
margin-left: 20px;
+
−
}
+
 
</style>
 
</style>
  
Line 35: Line 24:
  
 
<style src = "" type = "text/css">
 
<style src = "" type = "text/css">
−
    /* links to the style sheets for bootstrap */
+
 
  
 
body {
 
body {
Line 47: Line 36:
 
float: center;
 
float: center;
 
                                 width: 100%;
 
                                 width: 100%;
−
margin-left:auto;f
+
−
                                margin-right:auto;
+
−
padding-top: 0px;
+
 
}
 
}
  
Line 56: Line 43:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<!--[if lte IE 8]><script>/*
+
−
HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+
−
*/
+
−
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+
−
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}";
+
−
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+
−
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
+
−
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
+
−
</script><![endif]-->
+
  
 
</style>
 
</style>
Line 112: Line 91:
 
/* Box Model */
 
/* Box Model */
  
−
*, *:before, *:after {
+
, *:before, *:after {
 
-moz-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
-webkit-box-sizing: border-box;
 
-webkit-box-sizing: border-box;
Line 127: Line 106:
 
.container.\31 25\25 {
 
.container.\31 25\25 {
 
width: 100%;
 
width: 100%;
−
max-width: 1425px;
+
max-width: 1450px;
 
min-width: 1140px;
 
min-width: 1140px;
 
}
 
}
Line 275: Line 254:
  
 
.row.uniform > * > :first-child {
 
.row.uniform > * > :first-child {
−
margin-top: 0;
+
margin-top: 20;
 
}
 
}
  
 
.row.uniform > * > :last-child {
 
.row.uniform > * > :last-child {
−
margin-bottom: 0;
+
margin-bottom: 20;
 
}
 
}
  
 
.row.\30 \25 > * {
 
.row.\30 \25 > * {
−
padding: 0px 0 0 0px;
+
padding: 20px 20 20 20px;
 
}
 
}
  
Line 291: Line 270:
  
 
.row.uniform.\30 \25 > * {
 
.row.uniform.\30 \25 > * {
−
padding: 0px 0 0 0px;
+
padding: 50px 50 50 50px;
 
}
 
}
  
Line 299: Line 278:
  
 
.row > * {
 
.row > * {
−
padding: 40px 0 0 40px;
+
padding: 80px 80 80 80px;
 
}
 
}
  
Line 307: Line 286:
  
 
.row.uniform > * {
 
.row.uniform > * {
−
padding: 40px 0 0 40px;
+
padding: 80px 80 80 80px;
 
}
 
}
  
Line 1,377: Line 1,356:
 
}
 
}
  
−
body.is-loading * {
 
−
-moz-transition: none !important;
 
−
-webkit-transition: none !important;
 
−
-ms-transition: none !important;
 
−
transition: none !important;
 
−
-moz-animation: none !important;
 
−
-webkit-animation: none !important;
 
−
-ms-animation: none !important;
 
−
animation: none !important;
 
−
}
 
−
 
−
input, textarea, select {
 
 
 
−
font-size: 18pt;
+
−
line-height: 1.75em;
+
−
letter-spacing: 1px;
+
−
color: #3a3939;
+
−
text-shadow: 0 0 0.5px rgba(58, 57, 57, 0.25);
+
−
-webkit-text-stroke: 0.25px;
+
−
}
+
−
 
+
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
 
 
 
text-transform: uppercase;
 
text-transform: uppercase;
−
line-height: 1.75em;
+
 
}
 
}
  
Line 1,427: Line 1,387:
 
}
 
}
  
−
a {
+
−
-moz-transition: border-color 0.35s ease-in-out, color 0.35s ease-in-out;
+
−
-webkit-transition: border-color 0.35s ease-in-out, color 0.35s ease-in-out;
+
−
-ms-transition: border-color 0.35s ease-in-out, color 0.35s ease-in-out;
+
−
transition: border-color 0.35s ease-in-out, color 0.35s ease-in-out;
+
−
color: #35b88f;
+
−
text-shadow: 0 0 0.5px rgba(53, 184, 143, 0.25);
+
−
text-decoration: none;
+
−
border-bottom: dotted 1px rgba(53, 184, 143, 0.5);
+
−
}
+
  
−
a:hover {
+
−
border-bottom-color: rgba(53, 184, 143, 0);
+
−
}
+
−
 
+
−
sub {
+
−
position: relative;
+
−
top: 0.5em;
+
−
font-size: 0.8em;
+
−
}
+
−
 
+
−
sup {
+
−
position: relative;
+
−
top: -0.5em;
+
−
font-size: 0.8em;
+
−
}
+
−
 
+
−
hr {
+
−
border: 0;
+
−
border-top: solid 1px #dad9d9;
+
−
margin: 2em 0 2em 0;
+
−
}
+
−
 
+
−
blockquote {
+
−
border-left: solid 0.5em #eae9e9;
+
−
padding: 1em 0 1em 2em;
+
−
font-style: italic;
+
−
}
+
−
 
+
−
p, ul, ol, dl, table {
+
−
margin-bottom: 1em;
+
−
}
+
−
 
+
−
header {
+
−
margin-bottom: 1em;
+
−
}
+
−
 
+
−
header p {
+
−
display: block;
+
−
margin: 0.5em 0 0 0;
+
−
padding: 0 0 1.5em 0;
+
−
}
+
−
 
+
−
footer {
+
−
margin-top: 1em;
+
−
}
+
−
 
+
−
br.clear {
+
−
clear: both;
+
−
}
+
  
  
Line 1,856: Line 1,759:
 
}
 
}
  
−
#header header p:before {
+
−
content: '';
+
−
display: block;
+
−
border-top: solid 1px rgba(255, 255, 255, 0.5);
+
−
margin: 4px 0 0.8em 0;
+
−
}
+
  
−
#header footer {
+
−
position: absolute;
+
−
bottom: 9em;
+
−
margin: 0;
+
−
width: 100%;
+
−
}
+
  
−
#header footer:after {
+
−
content: '';
+
−
display: block;
+
−
position: absolute;
+
−
bottom: -9em;
+
−
left: 50%;
+
−
height: 9em;
+
−
border-left: solid 1px #fff;
+
−
}
+
−
 
+
−
#header footer:before {
+
−
content: '';
+
−
display: block;
+
−
width: 90px;
+
−
height: 66px;
+
−
position: absolute;
+
−
left: 50%;
+
−
bottom: -4.5em;
+
−
margin-left: -45px;
+
−
margin-bottom: -33px;
+
−
background: url("images/arrow.svg") no-repeat;
+
−
}
+
  
 
/* Banner */
 
/* Banner */
Line 1,951: Line 1,823:
 
body {
 
body {
 
background-color: #203936;
 
background-color: #203936;
−
background-image: url("images/overlay.png"), url("../../images/bg-alt.jpg");
 
−
background-repeat: repeat, no-repeat;
 
 
background-size: auto, 100% auto;
 
background-size: auto, 100% auto;
 
background-position: top left, top center;
 
background-position: top left, top center;
Line 1,966: Line 1,836:
 
}
 
}
  
−
header p {
+
−
margin: 0.25em 0 0 0;
+
−
padding: 0 0 0.5em 0;
+
−
}
+
−
 
+
 
/* Box */
 
/* Box */
  
Line 2,044: Line 1,910:
 
}
 
}
  
−
/* List */
+
−
 
+
−
ul.default li {
+
−
padding-left: 0.5em;
+
−
}
+
−
 
+
−
ul.icons a {
+
−
width: 2em;
+
−
height: 2em;
+
−
line-height: 2em;
+
−
}
+
−
 
+
−
ul.menu li {
+
−
display: block;
+
−
padding: 0;
+
−
border: 0;
+
−
margin: 1em 0 0 0;
+
−
}
+
−
 
+
−
ul.menu li:first-child {
+
−
margin-top: 0;
+
−
}
+
−
 
+
−
ul.actions li {
+
−
display: block;
+
−
margin: 1em 0 0 0;
+
−
}
+
−
 
+
−
ul.actions li:first-child {
+
−
margin-top: 0;
+
−
}
+
−
 
+
−
ol.default li {
+
−
padding-left: 0.25em;
+
−
}
+
−
 
+
 
/* Button */
 
/* Button */
  
Line 2,212: Line 2,043:
  
  
−
/* Section/Article */
 
  
−
section > .last-child,
 
−
article > .last-child,
 
−
section.last-child,
 
−
article.last-child {
 
−
margin-bottom: 0;
 
−
}
 
  
−
/* Button */
 
  
−
input[type="button"],
 
−
input[type="submit"],
 
−
input[type="reset"],
 
−
button,
 
−
.button {
 
−
position: relative;
 
−
-ms-behavior: url("assets/js/ie/PIE.htc");
 
−
}
 
  
−
input[type="button"].style2:hover,
 
−
input[type="submit"].style2:hover,
 
−
input[type="reset"].style2:hover,
 
−
button.style2:hover,
 
−
.button.style2:hover {
 
−
color: #35b88f !important;
 
−
}
 
  
−
input[type="button"].style3,
 
−
input[type="submit"].style3,
 
−
input[type="reset"].style3,
 
−
button.style3,
 
−
.button.style3 {
 
−
background: #fefefe;
 
−
border: solid 1px #dad9d9;
 
−
}
 
−
 
−
 
−
 
−
/* Header */
 
  
 
#header header p {
 
#header header p {
Line 2,260: Line 2,056:
  
 
<!-- Header -->
 
<!-- Header -->
−
<section id="header" style="padding: 192px 0px;">
+
<section id="header" style="padding: 188px 0px;">
 
<header>
 
<header>
−
<h1>Warwick iGEM 2015</h1>
+
<h1 style="padding-top: 5px">Warwick iGEM 2015</h1>
 
<p>Brixells</p>
 
<p>Brixells</p>
 
<br>
 
<br>
Line 2,273: Line 2,069:
 
<br>
 
<br>
 
<br>
 
<br>
−
<br>
+
 
 
</header>
 
</header>
 
<footer><b></b><a href="#home" class="btn btn-default" id="menu-toggle">Skip to Home</a></p>
 
<footer><b></b><a href="#home" class="btn btn-default" id="menu-toggle">Skip to Home</a></p>
Line 2,280: Line 2,076:
 
 
 
<a class="button style2 scrolly-middle" href="#banner">Learn about Cell LEGO</a>
 
<a class="button style2 scrolly-middle" href="#banner">Learn about Cell LEGO</a>
−
</footer>
+
 
 +
 
 +
</footer><p style="float: right;"><img src="https://static.igem.org/mediawiki/2015/3/3c/WarwickLogoforhome.png" height="200px" width="300px" border="100px"></p>
 +
 
 
</section>
 
</section>
  
Line 2,287: Line 2,086:
  
 
<header>
 
<header>
−
<h2>Brixells<br> biological building blocks</h2>
+
<h2>Brixells<br><br> biological building blocks</h2>
 
</header>
 
</header>
−
<p>Producing microscopic images with the ultimate goal of <br>forming complex 3D structures with multiple cell types.<br>
+
<p>DNA programmed assembly of cells:
−
This has possible applications throughout micro and synthetic biology, <br>potentially aiding researchers in
+
<br>We are inventing a novel method of producing microscopic cell-cell binding
−
 
+
<br>using intracellular proteins modified to express on the surface of the cell
−
understanding how multicellularity arose.
+
<br>The applications are endless: medicine, micro- and synthetic biology research,  
−
<br>
+
<br>synthetic organs, insight into multicellularity, meta-material production,
−
<br>
+
<br> whatever you can imagine.
−
<br>
+
 
<br>
 
<br>
 +
<br><img src="https://static.igem.org/mediawiki/2015/f/ff/Warwick_homepage_diagram.jpeg">
 
<br>
 
<br>
 
<br>
 
<br>
Line 2,302: Line 2,101:
 
<footer>
 
<footer>
 
<a class="button style2 scrolly" href="#first">Continue Reading</a>
 
<a class="button style2 scrolly" href="#first">Continue Reading</a>
−
<br>
 
−
<br>
 
−
<br>
 
 
<br>
 
<br>
 
<br>
 
<br>
Line 2,317: Line 2,113:
 
<section id="first">
 
<section id="first">
  
−
<article class="container box style1 right">
+
−
<a class="image fit" href="https://2015.igem.org/Team:Warwick/Results"><img alt="" src="https://static.igem.org/mediawiki/2015/3/3b/Results_picture.jpg"></a>
+
−
<div class="inner">
+
−
<header>
+
−
<h2>Our Results<br>
+
−
...a brief overview</h2>
+
−
</header><br>
+
−
<br>
+
−
<br>
+
−
<p>Click on the image to the left to see what we made for the competition or click on the button below for a broader look at our project.</p>
+
−
<br>
+
−
<br>
+
−
<br>
+
−
<br>
+
−
<br>
+
−
<br>
+
−
</div>
+
−
</article>
+
−
<br><br>
+
−
<br>
+
−
<br>
+
−
                            <div style="text-align: center;">  <a class="button style2 scrolly" href="#scrollproject">Continue Reading</a></div>
+
  
 
<!-- Feature 2 -->
 
<!-- Feature 2 -->
Line 2,346: Line 2,121:
 
<header>
 
<header>
 
<h2>Our Submitted Parts<br>
 
<h2>Our Submitted Parts<br>
−
...the G-Block Collection</h2>
+
...the Brixell Collection</h2>
 
</header><br>
 
</header><br>
−
<br><br>
+
 
−
<br>
+
 
−
<br>
+
<p>Click on the image to the right to see what parts we submitted for the competition or continue scrolling.<br><br><p style="float: middle;"><img src="https://static.igem.org/mediawiki/2015/2/26/Warwickarrow.jpeg" height="100px" width="300px" border="1px"></p></p>
−
<br>
+
−
<p>Click on the image to the right to see what parts we submitted for the competition or continue scrolling.</p>
+
 
</div>
 
</div>
 
</article>
 
</article>
−
<br><br>
+
<br><br><br><br>
 
<br>
 
<br>
 
<br><br>
 
<br><br>
Line 2,371: Line 2,144:
 
<div class="inner gallery">
 
<div class="inner gallery">
 
<div class="row 0%">
 
<div class="row 0%">
−
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Project"><img title="Project Summary" alt="" src="https://static.igem.org/mediawiki/2015/7/78/Warwickprojectsummarypic.png"  height="190" width="150"></a></div>
+
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Project"><img title="Project Summary" alt="" src="https://static.igem.org/mediawiki/2015/f/fc/Imaege.png"  height="190" width="150"></a></div>
−
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Experiments"><img title="Experiments" alt="" src="https://static.igem.org/mediawiki/2015/8/8b/Warwickexperiemntpic.png"  height="190" width="150"></a></div>
+
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Protocols"><img title="Experiments" alt="" src="https://static.igem.org/mediawiki/2015/f/f4/Warwick.png"  height="190" width="150"></a></div>
−
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Results"><img title="Results" alt="" src="https://static.igem.org/mediawiki/2015/2/2a/Warwickresultspic.png"height="190" width="150"></a></div>
+
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Results"><img title="Results" alt="" src="https://static.igem.org/mediawiki/2015/a/a1/Homepage.png"height="190" width="150"></a></div>
−
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Parts"><img title="Submitted Parts" alt="" src="https://static.igem.org/mediawiki/2015/a/aa/Warwickpartspic.png"  height="190" width="150"></a></div>
+
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Parts"><img title="Submitted Parts" alt="" src="https://static.igem.org/mediawiki/2015/5/5b/PartsWarwickHomepage.png"  height="190" width="150"></a></div>
 
</div>
 
</div>
 
<div class="row 0%">
 
<div class="row 0%">
−
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Modeling"><img title="Modelling" alt="" src="https://static.igem.org/mediawiki/2015/3/30/Warwickmodellingpci.png"  height="190" width="150"></a></div>
+
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Modeling"><img title="Modelling" alt="" src="https://static.igem.org/mediawiki/2015/7/75/Modellinghomepageimagewarwick.png"  height="190" width="150"></a></div>
−
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Outreach"><img title="Outreach" alt="" src="https://static.igem.org/mediawiki/2015/9/92/Warwickoutreacghpic.png"    height="190" width="150"></a></div>
+
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px; " href="http//:2015.igem.org/Team:Warwick/Practices"><img title="Outreach" alt="" src="https://static.igem.org/mediawiki/2015/d/dd/Outreachhomepagewarwick.png"    height="190" width="150"></a></div>
−
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Collaborations"><img title="Collaborations" alt="" src="https://static.igem.org/mediawiki/2015/6/6a/Warwickcollaborationspic.png"    height="190" width="150"></a></div>
+
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Collaborations"><img title="Collaborations" alt="" src="https://static.igem.org/mediawiki/2015/f/fb/Homepagewarwick.png"    height="190" width="150"></a></div>
−
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Team"><img title="Team" alt="Team" src="http://static1.squarespace.com/static/5351bc09e4b03b169d834bb6/5424599be4b0ac0d5fc82f59/551316b6e4b01e0296eefd66/1427684934220/?format=1500w"    height="190" width="150"></a></div>
+
<div class="3u 12u(mobile)"><a class="image fit" style="outline: 0px;" href="https://2015.igem.org/Team:Warwick/Attributions"><img title="Team" alt="Team" src="https://static.igem.org/mediawiki/2015/f/fc/WarwickiGEM2015TeamPicture.jpeg"    height="190" width="150"></a></div><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
</div>
 
</div>
 
</div>
 
</div>
Line 2,428: Line 2,201:
 
</section>
 
</section>
  
−
<!-- Scripts -->
+
  
  
Line 2,449: Line 2,222:
 
 
 
 
−
<script>/*
+
−
Overflow by HTML5 UP
+
−
html5up.net | @n33co
+
−
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
−
*/
+
−
 
+
−
(function($) {
+
−
 
+
−
var settings = {
+
−
 
+
−
// Full screen header?
+
−
fullScreenHeader: true,
+
−
 
+
−
// Parallax background effect?
+
−
parallax: true,
+
−
 
+
−
// Parallax factor (lower = more intense, higher = less intense).
+
−
parallaxFactor: 10
+
−
 
+
−
};
+
−
 
+
−
skel.breakpoints({
+
−
wide: '(max-width: 1680px)',
+
−
normal: '(max-width: 1080px)',
+
−
narrow: '(max-width: 840px)',
+
−
mobile: '(max-width: 736px)'
+
−
});
+
−
 
+
−
$(function() {
+
−
 
+
−
var $window = $(window),
+
−
$body = $('body');
+
−
 
+
−
if (skel.vars.touch) {
+
−
 
+
−
settings.parallax = false;
+
−
$body.addClass('is-scroll');
+
−
 
+
−
}
+
−
 
+
−
// Disable animations/transitions until the page has loaded.
+
−
$body.addClass('is-loading');
+
−
 
+
−
$window.on('load', function() {
+
−
$body.removeClass('is-loading');
+
−
});
+
−
 
+
−
// CSS polyfills (IE<9).
+
−
if (skel.vars.IEVersion < 9)
+
−
$(':last-child').addClass('last-child');
+
−
 
+
−
// Fix: Placeholder polyfill.
+
−
$('form').placeholder();
+
−
 
+
−
// Prioritize "important" elements on mobile.
+
−
skel.on('+mobile -mobile', function() {
+
−
$.prioritize(
+
−
'.important\\28 mobile\\29',
+
−
skel.breakpoint('mobile').active
+
−
);
+
−
});
+
−
 
+
−
// Scrolly links.
+
−
$('.scrolly-middle').scrolly({
+
−
speed: 1000,
+
−
anchor: 'middle'
+
−
});
+
−
 
+
−
$('.scrolly').scrolly({
+
−
speed: 1000,
+
−
offset: function() { return (skel.breakpoint('mobile').active ? 70 : 190); }
+
−
});
+
−
 
+
−
// Full screen header.
+
−
if (settings.fullScreenHeader) {
+
−
 
+
−
var $header = $('#header');
+
−
 
+
−
if ($header.length > 0) {
+
−
 
+
−
var $header_header = $header.find('header');
+
−
 
+
−
$window
+
−
.on('resize.overflow_fsh', function() {
+
−
 
+
−
if (skel.breakpoint('mobile').active)
+
−
$header.css('padding', '');
+
−
else {
+
−
 
+
−
var p = Math.max(192, ($window.height() - $header_header.outerHeight()) / 2);
+
−
$header.css('padding', p + 'px 0 ' + p + 'px 0');
+
−
 
+
−
}
+
−
 
+
−
})
+
−
.trigger('resize.overflow_fsh');
+
−
 
+
−
$window.load(function() {
+
−
$window.trigger('resize.overflow_fsh');
+
−
});
+
−
 
+
−
}
+
−
 
+
−
}
+
−
 
+
−
// Parallax background.
+
−
 
+
−
// Disable parallax on IE (smooth scrolling is jerky), and on mobile platforms (= better performance).
+
−
if (skel.vars.browser == 'ie'
+
−
|| skel.vars.mobile)
+
−
settings.parallax = false;
+
−
 
+
−
if (settings.parallax) {
+
−
 
+
−
var $dummy = $(), $bg;
+
−
 
+
−
$window
+
−
.on('scroll.overflow_parallax', function() {
+
−
 
+
−
// Adjust background position.
+
−
$bg.css('background-position', 'center ' + (-1 * (parseInt($window.scrollTop()) / settings.parallaxFactor)) + 'px');
+
−
 
+
−
})
+
−
.on('resize.overflow_parallax', function() {
+
−
 
+
−
// If we're in a situation where we need to temporarily disable parallax, do so.
+
−
if (!skel.breakpoint('wide').active
+
−
|| skel.breakpoint('narrow').active) {
+
−
 
+
−
$body.css('background-position', '');
+
−
$bg = $dummy;
+
−
 
+
−
}
+
−
 
+
−
// Otherwise, continue as normal.
+
−
else
+
−
$bg = $body;
+
−
 
+
−
// Trigger scroll handler.
+
−
$window.triggerHandler('scroll.overflow_parallax');
+
−
 
+
−
})
+
−
.trigger('resize.overflow_parallax');
+
−
 
+
−
}
+
−
 
+
−
// Poptrox.
+
−
$('.gallery').poptrox({
+
−
useBodyOverflow: false,
+
−
usePopupEasyClose: false,
+
−
overlayColor: '#0a1919',
+
−
overlayOpacity: (skel.vars.IEVersion < 9 ? 0 : 0.75),
+
−
usePopupDefaultStyling: false,
+
−
usePopupCaption: true,
+
−
popupLoaderText: '',
+
−
windowMargin: 10,
+
−
usePopupNav: true
+
−
});
+
−
 
+
−
});
+
−
 
+
−
})(jQuery);</script>
+
  
 
 
−
<div class="poptrox-overlay" style="left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; display: none; position: fixed; z-index: 1000; cursor: pointer;"><div style="height: 100%; vertical-align: middle; display: inline-block;"></div><div style="background: rgb(10, 25, 25); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.75;"></div><div class="poptrox-popup" style="vertical-align: middle; display: none; position: relative; z-index: 1; cursor: auto; min-height: 100px; min-width: 200px;"><div class="loader" style="display: none;"></div><div class="pic" style="display: none;"></div><div class="caption" style="display: none;"></div><span class="closer" style="display: none; cursor: pointer;">×</span><div class="nav-previous" style="display: none;"></div><div class="nav-next" style="display: none;"></div></div></div></body>
+
</div></div></body>
 
</div>
 
</div>
 
</html>
 
</html>

Latest revision as of 18:18, 18 September 2015


Our Submitted Parts
...the Brixell Collection


Click on the image to the right to see what parts we submitted for the competition or continue scrolling.










Our Project

Click on the images below to explore our different sections.

Team














Please Contact Us

We will respond as quickly as possible.