Team:UCL/Science

(Difference between revisions)

Revision as of 18:04, 2 September 2014

Goodbye Azodye UCL iGEM 2014

@@ Line 1: / Line 1: @@
 {{:Team:UCL/Template:headerx}}
 <html>
-<div style="height:2000px; background-color:lightgrey;"></div>
+<div style="height:2000px; background-color:lightgrey;">
+    <div id="content">
+        <div class="box"></div>
+        <div class="box"></div>
+        <div class="box"></div>
+        <div class="box"></div>
+        <div class="box"></div>
+        <div class="box"></div>
+        <div class="box"></div>
+    </div>
+</div>
+<style>
+#container {
+    width: 100%
+    position: relative;
+}
+.box {
+    float: left;
+    background-color: blue;
+    position: relative;
+}
+</style>
 <script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:modernizrmin.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>
+$("#container").mason({
+    itemSelector: ".box",
+    ratio: 1.5,
+    sizes: [
+        [1,1],
+        [1,2],
+        [2,2]
+    ],
+    columns: [
+        [0,480,1],
+        [480,780,2],
+        [780,1080,3],
+        [1080,1320,4],
+        [1320,1680,5]
+    ],
+    layout: 'fluid',
+    gutter: 10
+},function(){
+    console.log("COMPLETE!")
+});
+</script>
 </html>
 {{:Team:UCL/Template:footerx}}