Difference between revisions of "Team:Manchester/Collaborations"

Line 7: Line 7:
 
<link type="text/css" rel="stylesheet" href="http://cdn.jsdelivr.net/qtip2/3.0.3/jquery.qtip.min.css">
 
<link type="text/css" rel="stylesheet" href="http://cdn.jsdelivr.net/qtip2/3.0.3/jquery.qtip.min.css">
 
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
 
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
 
    <script type="text/javascript">
 
      google.charts.load('current', {
 
        'packages':['geochart'],
 
        // Note: you will need to get a mapsApiKey for your project.
 
        // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
 
        'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
 
      });
 
      google.charts.setOnLoadCallback(drawRegionsMap);
 
 
      function drawRegionsMap() {
 
      var data = google.visualization.arrayToDataTable([
 
        ['Country', {'type': 'string', role: 'tooltip', p:{html:true}}],
 
        ['United Kingdom', 'Manchester Team <img src="https://www.flaginstitute.org/wp/wp-content/uploads/flags/UNKG0001.png" width="50px" style="border: solid #777 1px">'],
 
        ['India', 'IIT_Delhi Team <img src="https://upload.wikimedia.org/wikipedia/en/thumb/4/41/Flag_of_India.svg/1200px-Flag_of_India.svg.png" width="50px" style="border: solid #777 1px">'],
 
        ['United States', 'Virginia Team <img src="https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/1280px-Flag_of_the_United_States.svg.png" width="50px" style="border: solid #777 1px">'],
 
        ['Indonesia', 'ITB_Indonesia Team <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9f/Flag_of_Indonesia.svg/255px-Flag_of_Indonesia.svg.png" width="50px" style="border: solid #777 1px">'],
 
        ['Brazil', 'AQA Unesp Team <img src="https://upload.wikimedia.org/wikipedia/en/thumb/0/05/Flag_of_Brazil.svg/1280px-Flag_of_Brazil.svg.png" width="50px">'],
 
        ['Chile', 'UChile_OpenBio-CeBiB Team <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Flag_of_Chile.svg" width="50px" style="border: solid #777 1px">'],
 
        ['Canada', 'UAlberta Team <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Flag_of_Canada_%28Pantone%29.svg/1200px-Flag_of_Canada_%28Pantone%29.svg.png" width="50px" style="border: solid #777 1px">'],
 
        ['South Korea', 'KUAS_Korea Team <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Flag_of_South_Korea.svg/2000px-Flag_of_South_Korea.svg.png" width="50px" style="border: solid #777 1px">'],
 
        ['Australia', 'Macquarie Team <img src="https://www.flagsaustralia.com.au/images/Australia-1908-(blue)l.jpg" width="50px" style="border: solid #777 1px">'],
 
        ['Japan', 'Botchan_Lab_Tokyo Team <img src="https://upload.wikimedia.org/wikipedia/en/thumb/9/9e/Flag_of_Japan.svg/1200px-Flag_of_Japan.svg.png" width="50px" style="border: solid #777 1px">']
 
      ]);
 
 
        var options = {
 
          datalessRegionColor: '#ffd3e2',
 
          defaultColor: '#10a84d',
 
          tooltip: { isHtml: true}
 
        };
 
 
        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
 
 
        chart.draw(data, options);
 
      }
 
    </script>
 
  
 
<style>
 
<style>
Line 94: Line 57:
 
     </div>
 
     </div>
 
</div>
 
</div>
 
<!--
 
<center>
 
<div class="col-md-12 clear" style="z-index: 1; position: absoulute; padding: 0px!important; border: solid transparent 1px; margin: 0px!important; top: 70px; left: 0px!important">
 
 
    <div class="clear" id="regions_div" style="max-width: 900px; width: 80vw"></div>
 
 
</div>
 
</center>
 
-->
 
  
 
<div class="col-md-12 clear">
 
<div class="col-md-12 clear">
 
<img src="https://static.igem.org/mediawiki/2017/5/56/T--Manchester--worldmapcollabeunobgwithuni.svg" width="100%" usemap="#WorldMap" />
 
<img src="https://static.igem.org/mediawiki/2017/5/56/T--Manchester--worldmapcollabeunobgwithuni.svg" width="100%" usemap="#WorldMap" />
  
<map name="WorldMap" id="WorldMap">
+
<map name="WorldMap" id="WorldMap">
 
     <area alt="UAlberta Team" id="canada" title="UAlberta Team" coords="310,200,16" shape="circle" />
 
     <area alt="UAlberta Team" id="canada" title="UAlberta Team" coords="310,200,16" shape="circle" />
 
     <area alt="Virginia Team" id="us" title="Virginia Team" coords="380,254,16" shape="circle" />
 
     <area alt="Virginia Team" id="us" title="Virginia Team" coords="380,254,16" shape="circle" />
Line 347: Line 300:
  
 
<script>
 
<script>
 +
$(document).ready(function() {
 
$('#canada').qtip({
 
$('#canada').qtip({
 
     content: 'UAlberta Team <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Flag_of_Canada_%28Pantone%29.svg/1200px-Flag_of_Canada_%28Pantone%29.svg.png" width="50px" style="border: solid #777 1px">'
 
     content: 'UAlberta Team <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Flag_of_Canada_%28Pantone%29.svg/1200px-Flag_of_Canada_%28Pantone%29.svg.png" width="50px" style="border: solid #777 1px">'
Line 376: Line 330:
 
$('#korea').qtip({
 
$('#korea').qtip({
 
     content: 'KUAS_Korea Team <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Flag_of_South_Korea.svg/2000px-Flag_of_South_Korea.svg.png" width="50px" style="border: solid #777 1px">'
 
     content: 'KUAS_Korea Team <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Flag_of_South_Korea.svg/2000px-Flag_of_South_Korea.svg.png" width="50px" style="border: solid #777 1px">'
 +
});
 
});
 
});
 
</script>
 
</script>

Revision as of 16:35, 8 October 2017

Collaborations


UAlberta Team Virginia Team AQA Unesp Team UChile_OpenBio-CeBiB Team Manchester Team IIT_Delhi Team KUAS_Korea Team Botchan_Lab_Tokyo Team ITB_Indonesia Team Macquarie Team

Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate. Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor. Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.

Reflection

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate. Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor. Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.