Difference between revisions of "Template:Greece/TeamRoster"

Revision as of 18:49, 21 October 2017

Click on the miRNAs
to get to know us!

@@ Line 1: / Line 1: @@
 <html>
 <head>
-<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <style>
     #test_svg{ width: 100%; }
@@ Line 16: / Line 15: @@
 <object id='test_svg' data="https://static.igem.org/mediawiki/2017/5/52/Greekom_teamroster.svg" type="image/svg+xml"></object>
-  <script>
-   </script>
+<div style='position: relative; left:50%; top: 50%; margin-right: -50%; transform: translate(-50%, -50%); background-color: #80aac7;'>
+   <b><p>Click on the miRNAs</p><p>to get to know us!</p></b>
+</div>
 </body>
 <script>
@@ Line 25: / Line 26: @@
 			var leftElements = [
                                        	{
-						'id'		 : 'asteris_mirna_xA0_Image',
+						'id'		   : 'asteris_mirna_xA0_Image',
-						'translate_before'  : 'matrix(0.48, 0, 0, 0.48, -85, 15.8398)',
+						'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 15.8398)',
-						'translate_after'   : 'matrix(0.48, 0, 0, 0.48, 0, 15.8398)',
+						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 0, 15.8398)',
-						'image_id'	: 'asteris_on_click_xA0_Image'
+						'image_id'	   : 'asteris_on_click_xA0_Image'
 					},
 					{
-						'id' 		: 'eugene_mirna_xA0_Image',
+						'id' 		   : 'eugene_mirna_xA0_Image',
 						'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 87.8398)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 0, 87.8398)',
-						'image_id'	: 'eugene_on_click_xA0_Image'
+						'image_id'	   : 'eugene_on_click_xA0_Image'
 					},
 					{
-						'id' 		: 'charis_mirna_xA0_Image',
+						'id' 		   : 'charis_mirna_xA0_Image',
-						'translate_before'	: 'matrix(0.48, 0, 0, 0.48, -85, 158.8799)',
+						'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 158.8799)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 0, 158.8799)',
-						'image_id'	: 'charis_on_click_xA0_Image'
+						'image_id'	   : 'charis_on_click_xA0_Image'
 					},
 					{
-						'id'		: 'thomas_mirna_xA0_Image',
+						'id'		   : 'thomas_mirna_xA0_Image',
 						'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 229.9199)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 0, 229.9199)',
-						'image_id'	: 'thomas_on_click_xA0_Image'
+						'image_id'	   : 'thomas_on_click_xA0_Image'
 					},
 					{
-						'id' 		: 'elissavet_mirna_xA0_Image',
+						'id' 		   : 'elissavet_mirna_xA0_Image',
 						'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 301.9199)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 0, 301.9199)',
-						'image_id'	: 'elissavet_on_click_xA0_Image'
+						'image_id'	   : 'elissavet_on_click_xA0_Image'
 					}
 			];
 			var rightElements = [
                                         {
-						'id' : 'constantine_mirna_xA0_Image',
+						'id'               : 'constantine_mirna_xA0_Image',
 						'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 11.04)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 792, 11.04)',
-						'image_id'	: 'Constantine_on_click_xA0_Image'
+						'image_id'	   : 'Constantine_on_click_xA0_Image'
 					},
 					{
-						'id' : 'komos_mirna_xA0_Image',
+						'id'               : 'komos_mirna_xA0_Image',
 						'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 72.96)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 792, 72.96)',
-						'image_id'	: 'Komos_on_click_xA0_Image'
+						'image_id'	   : 'Komos_on_click_xA0_Image'
 					},
 					{
-						'id' : 'agg_mirna_xA0_Image',
+						'id'               : 'agg_mirna_xA0_Image',
 						'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 137.7598)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 792, 137.7598)',
-						'image_id'	: 'Papadimitriou_on_click_xA0_Image'
+						'image_id'	   : 'Papadimitriou_on_click_xA0_Image'
 					},
 					{
-						'id' : 'nafsika_mirna_xA0_Image',
+						'id'               : 'nafsika_mirna_xA0_Image',
 						'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 198.7197)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 792, 198.7197)',
-						'image_id'	: 'Nafsika_on_click_xA0_Image'
+						'image_id'	   : 'Nafsika_on_click_xA0_Image'
 					},
 					{
-						'id' : 'kst_mirna_xA0_Image',
+						'id'               : 'kst_mirna_xA0_Image',
 						'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 263.04)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 792, 263.04)',
-						'image_id'	: 'kst_on_click_xA0_Image'
+						'image_id'	   : 'kst_on_click_xA0_Image'
 					},
 					{
-						'id' : 'thanasis_mirna_xA0_Image',
+						'id'               : 'thanasis_mirna_xA0_Image',
 						'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 323.5195)',
 						'translate_after'  : 'matrix(0.48, 0, 0, 0.48, 792, 323.5195)',
-						'image_id'	: 'thanasis_on_click_xA0_Image'
+						'image_id'	   : 'thanasis_on_click_xA0_Image'
 					}
 			];
 function svgFunctionality(element){
@@ Line 120: / Line 122: @@
        svgDoc = mySVG.contentDocument;
        //alert("SVG contentDocument Loaded!");
        leftElements.forEach(function(item, index, array){
@@ Line 135: / Line 136: @@
          svgDoc.getElementById(item.id).addEventListener('mouseover', function(){ this.setAttribute('cursor', 'pointer') });
        });
-      var svg_elem = d3.select('#test_svg').append("svg");
-      d3.select('svg').html("<g><text x=\"100\" y=\"100\">Hello</text></g>");
   }, false);
-/*
-       function moveSection(idStr, xOffset, yOffset) {
-          var domElemnt = document.getElementById(idStr);
-          if (domElemnt) {
-              var transformAttr = 'matrix(0.48, 0, 0, 0.48,' + xOffset + ',' + yOffset + ')';
-              console.log(transformAttr);
-              domElemnt.setAttribute('transform', transformAttr);
-          }else{ console.log('element wasn\'t found'); }
-       }*/
    </script>
 </html>