Team:Dundee/Template/testpage

From 2014.igem.org

(Difference between revisions)
 
(272 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
 +
<head>
-
<head>  
+
<title>Dundee 2014 Team</title>
-
<link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
-
<link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">    
+
-
<style>
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
   
+
-
body, html{
+
-
    margin : 0;
+
-
    padding : 0;
+
-
   
+
-
    overflow : hidden;   
+
-
   
+
-
    height:100%;
+
-
    width:100%;
+
-
}
+
      
      
-
div {position: relative;}   
+
   <link href="https://2014.igem.org/Team:Dundee/stylesheet/notebook?action=raw&ctype=text/css" rel="stylesheet">
-
   
+
 
-
#bg {
+
   <link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
-
   position: fixed;
+
   <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
-
  top: -24%;
+
-
  left: -50%;
+
-
   width: 200%;
+
-
  height: 200%;
+
-
}
+
-
   
+
-
#bg img {
+
-
   position: absolute;
+
-
  top: 0;
+
-
  left: 0;
+
-
  right: 0;
+
-
  bottom: 0;
+
-
  margin: auto;
+
-
  width: 100%;
+
-
  height: 100%;
+
-
}
+
-
   
+
    
    
-
.canvas{   
 
-
    height:100%;
 
-
    width:100%;
 
-
    position: fixed;
 
-
       
 
-
}
 
-
#images{
 
-
}   
 
-
   
 
-
#ranger{   
 
-
position: fixed;
 
-
height: 10%;
 
-
width: 10%;   
 
-
}
 
-
   
 
-
#ranger img{
 
-
    height: 100%;
 
-
    position: relative;
 
-
   
 
-
    top: 850%;
 
-
}   
 
 +
<!-- jQuery -->
 +
<script src="https://2014.igem.org/Team:Dundee/js/jquery-js?action=raw&ctype=text/javascript"></script>
      
      
-
#sign{
+
<!-- Turn js -->
-
  position: fixed;
+
<script src="https://2014.igem.org/Team:Dundee/js/turn-js?action=raw&ctype=text/javascript"></script>
-
height: 23%;
+
-
width: 20%; 
+
-
 
+
-
}
+
-
#sign img{
+
<style type="text/css">
-
  height: 100%;
+
-
  position: relative;
+
-
  left: 200%;
+
-
  top: -75%;
+
-
}   
+
-
   
+
html, body {
-
#skipBtn{
+
     margin: 0;
-
     position: absolute;
+
    height: 100%;
-
  top:95%;
+
}
-
left: 80%;
+
-
}  
+
-
   
+
-
/* Smartphones (portrait and landscape) ----------- */
+
-
@media only screen
+
-
and (min-device-width : 320px)
+
-
and (max-device-width : 480px) {
+
 +
body {
 +
    background-color: #333;
 +
}
-
svg .detail{
+
body.hide-overflow {
-
     opacity: 1;
+
     overflow: hidden;
-
    cursor : pointer; 
+
}
-
}  
+
-
   
+
 +
/* helpers */
 +
 +
.t {
 +
    display: table;
 +
    width: 100%;
 +
    height: 100%;
}
}
-
+
 
-
 
+
.tc {
-
/* iPhone 5 (portrait & landscape)----------- */
+
    display: table-cell;
-
@media only screen
+
     vertical-align: middle;
-
and (min-device-width : 320px)
+
     text-align: center;
-
and (max-device-width : 568px) {
+
-
      
+
-
    svg .detail{
+
-
    opacity: 1;
+
-
     cursor : pointer;
+
-
}
+
-
 
+
}
}
-
/* iPads (portrait and landscape) ----------- */
+
.rel {
-
@media only screen
+
    position: relative;
-
and (min-device-width : 768px)
+
}
-
and (max-device-width : 1024px)
+
-
{
+
-
    svg .detail{
+
/* book */
-
    opacity: 1;
+
-
    cursor : pointer; 
+
-
    }
+
-
}   
+
-
      
+
.book {
-
/* Desktops and laptops ----------- */
+
     margin: 5% auto;
-
@media only screen
+
    width: 60%;
-
and (min-width : 1224px) {
+
    height: 60%;
-
       
+
    -webkit-touch-callout: none;
-
svg .detail{
+
    -webkit-user-select: none;
-
     opacity: 0;
+
    -khtml-user-select: none;
-
     cursor : pointer;
+
    -moz-user-select: none;
-
}   
+
     -ms-user-select: none;
 +
     user-select: none;
}
}
-
 
-
/* Large screens ----------- */
 
-
@media only screen
 
-
and (min-width : 1824px) {
 
-
           
 
-
svg .detail{
 
-
    opacity: 0;
 
-
    cursor : pointer;
 
-
   
 
-
}
 
 +
.book .page {
 +
    height: 100%;
}
}
-
+
 
 +
.book .page img {
 +
    max-width: 100%;
 +
    height: 100%;
 +
}
 +
 
</style>
</style>
-
   
 
</head>
</head>
-
   
+
<body>
-
<body>  
+
-
<div id="bg">
+
<div class="t">
-
     <img src="https://static.igem.org/mediawiki/2014/6/6c/Dun_backdrop.png" alt="">  
+
     <div class="tc rel">
 +
        <div class="book" id="book">
 +
            <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/01.jpg" alt="" /></div>
 +
            <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/02.jpg" alt="" /></div>
 +
            <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/03.jpg" alt="" /></div>
 +
            <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/04.jpg" alt="" /></div>
 +
            <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/05.jpg" alt="" /></div>
 +
            <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/06.jpg" alt="" /></div>
 +
        </div>
 +
    </div>
</div>
</div>
-
       
 
-
                     
 
-
<div id="wrap">
 
-
           
 
-
    <div class="canvas" id="paper2"></div>
 
-
    <div class="canvas" id="paper3"></div>
 
-
    <div class="canvas" id="paper4"></div>
 
-
    <div class="canvas" id="paper"></div> 
 
-
</div>
 
-
  <div id="ranger">
 
-
        <img src='img/brokenBody/rangerFull.png' id="rangerI"/> 
 
-
    </div>   
 
-
    <div id="sign">
 
-
      <img src='img/hangingSign.png'>
 
-
    </div> 
 
-
 
-
    <!-- MODALS -->
 
-
    <div class ="modal static" id="welcomeNote" role="dialog" data-backdrop="static">
 
-
        <div class = "modal-dialog">
 
-
            <div class="modal-content">
 
-
                <div class="modal-header"></div>           
 
-
                <div class="modal-body">
 
-
                    <div id="modalContent">                   
 
-
                    <h1>Welcome to Dundee's 2014 wiki!</h1>
 
-
                        <br>
 
-
                    <h3>Howdy partner,</h3>
 
-
                        <br>
 
-
                          <p> 
 
-
                            10, 000 people in the UK live with an autosomal recessive disease known as Cystic Fibrosis and 1 in 25 people carry one of the faulty genetic mutations. But this disease isn&#39;t just localized to the UK; it is found Worldwide.
 
-
                            <br>
 
-
                            <br>
 
-
Cystic Fibrosis causes excessive mucus to build up in the lungs, which provides a perfect environment for bacteria to grow. When bacteria infect the lung, they stimulate an immune response, which causes inflammation, tissue damage, and ultimately respiratory failure in these people. The only treatment at this point is a lung transplant.
 
-
Currently, people have to cough up mucus (called sputum) from the lungs and travel to a clinic to hand it in. The sputum is then used for bacterial identification and takes between 72hours and 2 weeks.  Patients are typically put on a course of antibiotics until the infection is identified, at which point they are put on specific antibiotics.
 
-
                            <br>
 
-
                            <br>
 
-
Dundee iGEM team wanted to create a device which could identify infection within a shorter time frame, identify specific respiratory pathogens, and could be used outwith the clinic, so that patients did not have to travel great distances. This &#39;remote monitoring device&#39; will be faster, more convenient for the patient and allow reduced use of antibiotics by specifying which respiratory pathogens are causing the infection in the patients&#39; lungs.
 
-
                          </p>
 
-
                        <br>
 
-
                        <p>
 
-
                            Please feel free to have a look around town. We have the <b>School</b> where you can learn about why we chose to do our project, and what we did. Then vist the <b>Library</b> and read about our experience during the project. Then to end the day head down to the <b>Saloon</b> to meet the team!
 
-
                        </p>
 
-
                    </div>   
 
-
                        <br>
 
-
                    </div>   
 
-
            </div>     
 
-
        <div class="modal-footer">
 
-
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
-
        </div>                   
 
-
        </div>       
 
-
    </div>
 
-
  </div> 
 
-
+
<script type="text/javascript">
-
</body>
+
-
   
+
-
<script>
+
-
var skipped = false;                 
+
/*
 +
* Turn.js responsive book
 +
*/
-
    window.onload = function(){
+
/*globals window, document, $*/
-
        draw(redone, "paper");
+
-
         
+
(function () {
-
        bounceRanger(); 
+
    'use strict';
-
        openingRanger();
+
-
       
+
-
        moveSign();
+
-
        setTimeout("afterOpening()",9000);                   
+
-
    }
+
-
  function openingRanger(){
+
    var module = {
-
      var fPoint = $( window ).width() / 2;
+
        ratio: 1.38,
 +
        init: function (id) {
 +
            var me = this;
-
      $("#ranger").animate({left:fPoint,marginLeft:"0px"}, 9000);
+
            // if older browser then don't run javascript
-
  }   
+
            if (document.addEventListener) {
 +
                this.el = document.getElementById(id);
 +
                this.resize();
 +
                this.plugins();
-
                 
+
                // on window resize, update the plugin size
-
function afterOpening(){
+
                window.addEventListener('resize', function (e) {
-
 
+
                    var size = me.resize();
-
    $('#welcomeNote').appendTo("body").modal('show');
+
                    $(me.el).turn('size', size.width, size.height);
-
    $("#welcomeNote").modal();  
+
                });
 +
            }
 +
        },
 +
        resize: function () {
 +
            // reset the width and height to the css defaults
 +
            this.el.style.width = '';
 +
            this.el.style.height = '';
-
    $ ('.bName').css("opacity", "1");
+
            var width = this.el.clientWidth,
-
     
+
                height = Math.round(width / this.ratio),
 +
                padded = Math.round(document.body.clientHeight * 0.9);
-
   
+
            // if the height is too big for the window, constrain it
-
        $( '.detail' ).hover(function(){
+
            if (height > padded) {
-
                 $( this ).css({"opacity":"1"});
+
                 height = padded;
-
                 },function(){
+
                 width = Math.round(height * this.ratio);
-
              $( this ).css({"opacity":"0"});
+
            }
-
                }
+
 +
            // set the width and height matching the aspect ratio
 +
            this.el.style.width = width + 'px';
 +
            this.el.style.height = height + 'px';
-
    $(document).mousemove(function(e){  
+
            return {
-
         if(e.pageX < 1500)
+
                width: width,
-
         {
+
                height: height
-
    $("#ranger").css({left:e.pageX});  
+
            };
 +
         },
 +
         plugins: function () {
 +
            // run the plugin
 +
            $(this.el).turn({
 +
                gradients: true,
 +
                acceleration: true
 +
            });
 +
            // hide the body overflow
 +
            document.body.className = 'hide-overflow';
         }
         }
-
     })     
+
     };
-
  }
+
-
                       
+
-
function bounceRanger(){
+
-
$("#rangerI").animate({top:"-=15px"},150).animate({top:"+=15px"},150);
+
-
setTimeout("bounceRanger()",300);   
+
-
}
+
-
 
+
-
function moveSign(){
+
-
    $("#sign").animate({top:"+20%"},9000);
+
-
}   
+
-
   
+
-
function draw(lines, onDiv){
+
-
                       
+
-
var w = 1900;
+
-
var h = 600;
+
-
var paper = Raphael(onDiv);
+
-
paper.setViewBox(-450,0,w,h,true);
+
-
paper.setSize('100%', '100%');
+
 +
    module.init('book');
 +
}());
-
var drawnPath = lines[0].stroke; 
+
</script>
-
   
+
-
var myPath = paper.path(drawnPath);
+
-
var school = paper.image("https://static.igem.org/mediawiki/2014/a/ac/School.png",30,230,300,500);       
+
</body>
-
school.node.setAttribute("class","detail");   
+
-
 
+
-
var library = paper.image("https://static.igem.org/mediawiki/2014/9/9b/Library.png",336,318,284,400);       
+
-
library.node.setAttribute("class","detail");   
+
-
 
+
-
var saloon = paper.image("img/saloon.png",637,330,414,397);       
+
-
saloon.node.setAttribute("class","detail");   
+
-
 
+
-
 
+
-
var t =paper.text(180, 150, "School"); 
+
-
t.attr({ "font-size": 35, "font-family": "Arial, Helvetica, sans-serif","opacity":"0" });
+
-
t.node.setAttribute("class","bName"); 
+
-
   
+
-
var t =paper.text(480, 150, "Library"); 
+
-
t.attr({ "font-size": 35, "font-family": "Arial, Helvetica, sans-serif","opacity":"0" });
+
-
t.node.setAttribute("class","bName"); 
+
-
   
+
-
var t =paper.text(840, 150, "Saloon"); 
+
-
t.attr({ "font-size": 35, "font-family": "Arial, Helvetica, sans-serif","opacity":"0" });
+
-
t.node.setAttribute("class","bName");
+
-
 
+
-
var section = 1;
+
-
myPath.attr({
+
-
    "stroke-width": 3,
+
-
    "stroke": "#000000"
+
-
});
+
-
 
+
-
animatePath();
+
-
 
+
-
function animatePath() {
+
-
    if (section < lines.length) {
+
-
        drawnPath += lines[section].stroke;
+
-
        myPath.animate({
+
-
            path: drawnPath
+
-
        }, lines[section].time, animatePath);
+
-
        section++;
+
-
    }
+
-
+
-
 
+
-
}
+
-
+
-
var redone = [ { stroke: " M 164.00393,264.52379  ", time: 100 },
+
-
{ stroke: " C 156.6211,274.7349 146.85296,288.00933 142.30969,294.02253 137.76637,300.14921 134.58606,305.14131 135.0404,305.14131 135.6083,305.14131 137.19847,303.77982 138.44787,301.96452  ", time: 100 },
+
-
{ stroke: " L 140.71951,298.90118 140.8331,331.57675 140.8331,364.36577 97.103827,408.95427  ", time: 100 },
+
-
{ stroke: " C 73.024312,433.46096 53.37452,453.76969 53.37452,454.22352 53.37452,454.56391 54.283194,455.92539 55.305428,457.17338 56.782011,458.87527 58.712908,459.44253 63.256216,459.44253  ", time: 100 },
+
-
{ stroke: " L 69.276075,459.44253 69.276075,579.13945 69.276075,698.83638 -17.046666,698.83638  ", time: 100 },
+
-
{ stroke: " C -102.57435,698.83638 -103.36943,698.83638 -103.36943,701.10549 -103.36943,703.37464 -102.57435,703.37464 578.12602,703.37464 1258.8262,703.37464 1259.6215,703.37464 1259.6215,701.10549 1259.6215,698.83638 1258.8262,698.83638 1139.7918,698.83638  ", time: 100 },
+
-
{ stroke: " L 1019.9623,698.83638 1019.7353,568.0207 1019.3942,437.31847 1008.9447,436.9781 998.49517,436.63775 998.15441,421.66144 997.81367,406.68514 987.932,406.34476 978.05024,406.00439 974.07479,400.10467  ", time: 100 },
+
-
{ stroke: " C 958.62755,376.95946 919.44151,355.06226 881.95947,348.70872 867.53442,346.21269 829.48426,345.305 812.67406,347.00685 763.15205,352.11245 732.48472,367.08869 706.47431,399.08353 702.49893,403.84872 702.27178,403.96219 693.98024,404.64291 689.32338,404.98327 684.78004,405.77749 684.09854,406.45821 683.07633,407.25239 682.62196,411.79071 682.62196,422.11522  ", time: 100 },
+
-
{ stroke: " L 682.62196,436.75118 674.89837,436.75118  ", time: 100 },
+
-
{ stroke: " C 670.35508,436.75118 666.60684,437.31847 665.81177,438.11264 664.78951,439.13375 664.4488,469.76713 664.4488,569.15528  ", time: 100 },
+
-
{ stroke: " L 664.4488,698.83638 629.80609,698.83638 595.16339,698.83638 594.93622,544.19477 594.59548,389.66661 586.98548,390.00698 579.26183,390.46083 579.03467,364.47922 578.69392,338.61104 479.30916,338.61104 379.92443,338.61104 379.5837,363.79849 379.3565,389.09934 371.97361,389.09934  ", time: 100 },
+
-
{ stroke: " C 367.99826,389.09934 364.47721,389.55316 364.02288,390.12044 363.68212,390.68773 363.45499,460.46364 363.45499,544.98896  ", time: 100 },
+
-
{ stroke: " L 363.45499,698.83638 325.40481,698.83638 287.35463,698.83638 287.35463,579.13945 287.35463,459.44253 292.23869,459.44253  ", time: 100 },
+
-
{ stroke: " C 298.71288,459.44253 302.34753,458.30797 301.89319,456.49267 301.66603,455.69849 282.81133,435.04934 259.86764,410.6561  ", time: 100 },
+
-
{ stroke: " L 218.06925,366.18106 218.06925,332.03058 218.06925,297.88006 221.59032,301.7376  ", time: 100 },
+
-
{ stroke: " C 229.31393,310.58724 221.93108,300.60303 201.14547,274.16762 188.99212,258.73749 178.76968,246.14378 178.31535,246.14378 177.861,246.14378 171.50042,254.42612 164.00393,264.52379 z  ", time: 100 },
+
-
{ stroke: " M 197.51082,271.67155 215.7976,294.93019 215.7976,329.19416 215.7976,363.57155 209.77775,357.33146  ", time: 100 },
+
-
{ stroke: " C 206.48385,353.92773 198.3059,345.19155 191.60454,338.0438  ", time: 100 },
+
-
{ stroke: " L 179.22401,324.99626 162.07307,342.92243  ", time: 100 },
+
-
{ stroke: " C 152.53213,352.6797 144.46774,360.73513 144.01342,360.73513 143.44551,360.73513 143.10476,345.98574 143.10476,328.05958  ", time: 100 },
+
-
{ stroke: " L 143.10476,295.38401 160.25574,271.89846  ", time: 100 },
+
-
{ stroke: " C 169.68307,258.96439 177.861,248.41289 178.31535,248.41289 178.88329,248.41289 187.51553,258.85093 197.51082,271.67155 z  ", time: 100 },
+
-
{ stroke: " M 238.17337,393.07034 295.64614,454.337 290.64854,454.67736  ", time: 100 },
+
-
{ stroke: " C 287.92253,454.9043 285.08296,455.58502 284.28792,456.26574 283.15209,457.17338 282.81133,482.02043 282.81133,578.11835  ", time: 100 },
+
-
{ stroke: " L 282.81133,698.83638 269.74934,698.83638 256.80093,698.83638 256.46017,692.25585  ", time: 100 },
+
-
{ stroke: " C 256.11942,686.1292 256.00581,685.78884 253.0527,685.44847  ", time: 100 },
+
-
{ stroke: " L 249.87238,685.10811 249.87238,633.48526  ", time: 100 },
+
-
{ stroke: " C 249.87238,592.52738 250.21313,581.97586 251.34896,582.65663 252.03045,583.11044 254.18851,584.47192 255.89225,585.71995 258.27749,587.30836 259.41334,587.64872 260.43559,586.62762 261.23064,585.83342 261.23064,585.03921 260.66272,584.35847 256.91448,580.95476 177.52026,527.51663 176.04369,527.51663 174.68072,527.51663 101.87429,576.30303 92.787666,583.22392 91.424674,584.35847 91.197514,585.26614 91.879021,586.51415 92.901254,587.87565 93.469164,587.87565 96.19518,585.83342 97.89889,584.58537 100.05699,583.11044 100.85203,582.65663 101.87429,581.97586 102.21501,592.52738 102.21501,633.48526 102.21501,682.4986 102.10144,685.22156 100.17055,685.22156 96.763071,685.22156 95.400091,687.60412 95.400091,693.39045  ", time: 100 },
+
-
{ stroke: " L 95.400091,698.83638 84.60972,698.83638 73.819394,698.83638 73.59223,577.09726 73.251485,455.47156 65.52787,454.9043 57.804256,454.337 118.23018,392.72995  ", time: 100 },
+
-
{ stroke: " C 151.50989,358.91982 179.11044,331.34982 179.67834,331.4633 180.13269,331.69019 206.48385,359.37367 238.17337,393.07034 z  ", time: 100 },
+
-
{ stroke: " M 574.9457,368.33673 575.28644,394.20488 583.01009,394.54527 590.62009,394.88563 590.62009,546.80426 590.62009,698.83638 585.50887,698.83638 580.51127,698.83638 580.1705,692.25585 579.82976,685.78884 567.10853,685.44847 554.27367,685.10811 554.27367,626.22403 554.27367,567.33996 564.83685,566.99959  ", time: 100 },
+
-
{ stroke: " C 573.24196,566.77266 575.28644,566.31883 575.28644,564.95737 575.28644,563.4824 563.70101,563.25549 477.60546,563.25549 391.50986,563.25549 379.92443,563.4824 379.92443,564.95737 379.92443,566.31883 381.96893,566.77266 389.57894,567.2265  ", time: 100 },
+
-
{ stroke: " L 399.23347,567.79377 399.57422,626.45098 399.80136,685.22156 389.80612,685.22156  ", time: 100 },
+
-
{ stroke: " C 383.55904,685.22156 379.3565,685.67539 378.44784,686.58305 377.6528,687.37724 377.08485,690.44057 377.08485,693.39045  ", time: 100 },
+
-
{ stroke: " L 377.08485,698.83638 372.54152,698.83638 367.99826,698.83638 367.99826,546.23696 367.99826,393.6376 375.94904,393.6376 383.89982,393.6376 383.89982,368.1098 383.89982,342.58204 479.30916,342.58204 574.71854,342.58204 574.9457,368.33673 z  ", time: 100 },
+
-
{ stroke: " M 884.23108,353.24697  ", time: 100 },
+
-
{ stroke: " C 920.2367,360.05439 961.12648,383.99379 972.03039,404.64291  ", time: 100 },
+
-
{ stroke: " L 975.09721,410.6561 984.52461,410.6561 993.83831,410.6561 993.83831,423.70364 993.83831,436.75118 840.50176,436.75118 687.16529,436.75118 687.16529,423.24981 687.16529,409.635 692.27649,408.8408  ", time: 100 },
+
-
{ stroke: " C 695.11608,408.50046 698.75073,408.38697 700.45447,408.72738 704.20266,409.40813 706.47431,408.6139 706.47431,406.57169 706.47431,404.18911 720.78573,387.96475 728.16858,382.06502 747.47763,366.63489 772.92014,356.53724 803.58744,352.22587 819.60257,349.95672 870.03323,350.63747 884.23108,353.24697 z  ", time: 100 },
+
-
{ stroke: " M 1015.4189,570.06292 1015.4189,698.83638 998.38156,698.83638 981.34419,698.83638 981.34419,636.43513  ", time: 100 },
+
-
{ stroke: " C 981.34419,595.59067 981.00344,574.03389 980.20851,574.03389 979.41322,574.03389 979.07248,595.59067 979.07248,636.43513  ", time: 100 },
+
-
{ stroke: " L 979.07248,698.83638 969.986,698.83638 960.89917,698.83638 960.89917,655.38241  ", time: 100 },
+
-
{ stroke: " C 960.89917,610.68041 959.87719,574.03389 958.74125,574.03389 958.4005,574.03389 958.17337,602.05772 958.4005,636.43513  ", time: 100 },
+
-
{ stroke: " L 958.62755,698.83638 931.36785,698.83638 904.10787,698.83638 904.10787,644.94438 904.10787,591.05243 833.45966,591.27934 762.6977,591.61969 762.35695,645.17131 762.1298,698.83638 739.41328,698.83638 716.69679,698.83638 716.69679,635.86786 716.69679,572.89933 855.26751,572.89933  ", time: 100 },
+
-
{ stroke: " C 946.92852,572.89933 993.83831,572.55897 993.83831,571.76477 993.83831,570.97057 942.4989,570.63021 842.2055,570.63021 741.91209,570.63021 690.57277,570.97057 690.57277,571.76477 690.57277,572.33204 691.36783,572.89933 692.27649,572.89933 693.7531,572.89933 693.98024,580.6144 693.98024,635.86786  ", time: 100 },
+
-
{ stroke: " L 693.98024,698.83638 681.48616,698.83638 668.99208,698.83638 668.99208,570.06292 668.99208,441.28948 842.2055,441.28948 1015.4189,441.28948 1015.4189,570.06292 z  ", time: 100 },
+
-
{ stroke: " M 211.25431,555.0866 244.76115,578.00489 245.10192,631.66994 245.32906,685.22156 233.4029,685.22156 221.47672,685.22156 221.47672,640.40611 221.47672,595.59067 176.95236,595.8176 132.31439,596.15797 131.97367,640.63304 131.7465,685.22156 119.25242,685.22156 106.75833,685.22156 106.98549,631.66994 107.32625,578.00489 140.8331,555.0866  ", time: 100 },
+
-
{ stroke: " C 159.23349,542.49292 175.13505,532.16837 176.04369,532.16837 176.95236,532.16837 192.85389,542.49292 211.25431,555.0866 z  ", time: 100 },
+
-
{ stroke: " M 549.73035,626.22403 549.73035,685.22156 541.77958,685.22156 533.82882,685.22156 533.82882,629.06044  ", time: 100 },
+
-
{ stroke: " C 533.82882,592.4139 533.48806,572.89933 532.69299,572.89933 531.8979,572.89933 531.55716,592.4139 531.55716,629.06044  ", time: 100 },
+
-
{ stroke: " L 531.55716,685.22156 523.60638,685.22156 515.65559,685.22156 515.65559,642.10798 515.65559,598.99438 476.24245,599.22129 436.71572,599.56169 436.37495,642.33487 436.14779,685.22156 428.19703,685.22156 420.24621,685.22156 420.24621,629.06044  ", time: 100 },
+
-
{ stroke: " C 420.24621,592.4139 419.90548,572.89933 419.11039,572.89933 418.31534,572.89933 417.97459,592.4139 417.97459,629.06044  ", time: 100 },
+
-
{ stroke: " L 417.97459,685.22156 411.15962,685.22156 404.34468,685.22156 404.34468,626.22403 404.34468,567.2265 477.03753,567.2265 549.73035,567.2265 549.73035,626.22403 z  ", time: 100 },
+
-
{ stroke: " M 714.42509,635.86786 714.42509,698.83638 705.33851,698.83638 696.25191,698.83638 696.25191,635.86786 696.25191,572.89933 705.33851,572.89933 714.42509,572.89933 714.42509,635.86786 z  ", time: 100 },
+
-
{ stroke: " M 901.83634,646.07897 901.83634,698.83638 898.99671,698.83638  ", time: 100 },
+
-
{ stroke: " C 896.15715,698.83638 896.15715,698.72293 896.15715,688.73872 896.15715,681.70439 896.61146,678.41418 897.63371,678.07378 898.65595,677.61995 898.65595,677.27959 897.63371,676.48537 896.49798,675.69118 896.15715,666.04734 895.93005,637.45626  ", time: 100 },
+
-
{ stroke: " L 895.58929,599.56169 834.36829,599.22129  ", time: 100 },
+
-
{ stroke: " C 790.07111,599.10786 772.69296,599.33479 771.67074,600.2424 770.42129,601.26352 770.08055,610.4535 770.08055,650.16339  ", time: 100 },
+
-
{ stroke: " L 770.08055,698.83638 767.241,698.83638 764.40145,698.83638 764.40145,646.07897 764.40145,593.32158 833.11888,593.32158 901.83634,593.32158 901.83634,646.07897 z  ", time: 100 },
+
-
{ stroke: " M 219.20508,641.5407  ", time: 100 },
+
-
{ stroke: " C 219.20508,669.90488 218.75073,685.22156 218.06925,685.22156 217.38773,685.22156 216.93344,670.24526 216.93344,642.67527  ", time: 100 },
+
-
{ stroke: " L 216.93344,600.12896 176.95236,600.3559 136.85774,600.69625 136.51698,642.10798  ", time: 100 },
+
-
{ stroke: " C 136.40338,667.40886 135.83549,683.86008 135.15395,684.54083 134.35891,685.335 134.01816,670.69906 134.01816,641.76758  ", time: 100 },
+
-
{ stroke: " L 134.01816,597.85983 176.61163,597.85983 219.20508,597.85983 219.20508,641.5407 z  ", time: 100 },
+
-
{ stroke: " M 513.38394,643.24255  ", time: 100 },
+
-
{ stroke: " C 513.38394,670.47215 512.9296,685.22156 512.24813,685.22156 511.56662,685.22156 511.11228,670.69906 511.11228,643.8098  ", time: 100 },
+
-
{ stroke: " L 511.11228,602.39808 475.67452,602.625 440.1232,602.96541 439.55528,644.37709 438.98735,685.78884 438.64661,643.46946 438.41943,601.26352 475.9017,601.26352 513.38394,601.26352 513.38394,643.24255 z  ", time: 100 },
+
-
{ stroke: " M 214.66179,643.8098 214.66179,685.22156 196.48855,685.22156 178.31535,685.22156 178.31535,644.37709  ", time: 100 },
+
-
{ stroke: " C 178.31535,617.94168 177.861,603.53269 177.17953,603.53269 176.49804,603.53269 176.04369,617.94168 176.04369,644.37709  ", time: 100 },
+
-
{ stroke: " L 176.04369,685.22156 157.30257,685.22156 138.56147,685.22156 138.56147,643.8098 138.56147,602.39808 176.61163,602.39808 214.66179,602.39808 214.66179,643.8098 z  ", time: 100 },
+
-
{ stroke: " M 891.38682,626.45098 891.04608,649.48267 886.84352,649.82302  ", time: 100 },
+
-
{ stroke: " C 880.71002,650.39032 874.46298,646.64623 868.67023,639.04464 862.53681,630.98921 854.92677,625.77021 844.59073,622.59343 834.5955,619.53006 825.96319,620.32427 813.01478,625.20293 804.38251,628.49316 802.79236,629.62774 793.70573,638.9312 785.18705,647.7808 783.25614,649.14231 779.28075,649.7096  ", time: 100 },
+
-
{ stroke: " L 774.62386,650.39032 774.62386,626.90476 774.62386,603.53269 833.11888,603.53269 891.61393,603.53269 891.38682,626.45098 z  ", time: 100 },
+
-
{ stroke: " M 473.63004,643.8098  ", time: 100 },
+
-
{ stroke: " C 473.63004,669.11069 474.08436,682.95242 474.76588,682.95242 475.44738,682.95242 475.9017,669.11069 475.9017,643.8098  ", time: 100 },
+
-
{ stroke: " L 475.9017,604.66723 492.37117,604.66723 508.84065,604.66723 508.84065,644.94438 508.84065,685.22156 475.33379,685.22156 441.82692,685.22156 441.82692,644.94438 441.82692,604.66723 457.72849,604.66723 473.63004,604.66723 473.63004,643.8098 z  ", time: 100 },
+
-
{ stroke: " M 830.27934,647.21352 830.27934,671.60672 802.4516,671.60672 774.62386,671.60672 774.62386,662.18982 774.62386,652.7729 779.50793,651.52487  ", time: 100 },
+
-
{ stroke: " C 783.14258,650.5038 786.20929,648.12119 793.02427,641.08684 797.90831,636.09477 803.58744,631.10267 805.51832,630.08156 811.42465,627.01823 823.80512,622.82031 827.21259,622.82031  ", time: 100 },
+
-
{ stroke: " L 830.27934,622.82031 830.27934,647.21352 z  ", time: 100 },
+
-
{ stroke: " M 847.54389,625.20293  ", time: 100 },
+
-
{ stroke: " C 856.97125,628.83355 863.44551,633.48526 868.32948,640.29268 873.78139,647.89429 879.91489,651.52487 886.7298,651.41145  ", time: 100 },
+
-
{ stroke: " L 891.61393,651.41145 891.61393,661.50908 891.61393,671.60672 862.08243,671.60672 832.55098,671.60672 832.55098,647.21352 832.55098,622.82031 837.09428,622.82031  ", time: 100 },
+
-
{ stroke: " C 839.47951,622.82031 844.25,623.84143 847.54389,625.20293 z  ", time: 100 },
+
-
{ stroke: " M 891.61393,675.01044  ", time: 100 },
+
-
{ stroke: " C 891.61393,675.80466 871.39615,676.14502 833.11888,676.14502 794.84157,676.14502 774.62386,675.80466 774.62386,675.01044 774.62386,674.21623 794.84157,673.87587 833.11888,673.87587 871.39615,673.87587 891.61393,674.21623 891.61393,675.01044 z  ", time: 100 },
+
-
{ stroke: " M 891.61393,688.62523 891.61393,698.83638 833.11888,698.83638 774.62386,698.83638 774.62386,688.62523 774.62386,678.41418 833.11888,678.41418 891.61393,678.41418 891.61393,688.62523 z  ", time: 100 },
+
-
{ stroke: " M 252.14404,694.29812 252.14404,698.83638 176.04369,698.83638 99.943382,698.83638 99.943382,694.29812 99.943382,689.75983 176.04369,689.75983 252.14404,689.75983 252.14404,694.29812 z  ", time: 100 }];         
+
-
</script>   
+
-
   
+
-
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js" charset="utf-8"></script>   
+
-
 
+
-
      <script src="http://code.jquery.com/jquery-latest.js"></script>
+
-
   
+
-
     
+
-
    <script src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
+
</html>
</html>

Latest revision as of 22:49, 14 October 2014

Dundee 2014

Dundee 2014 Team