|
|
Line 1: |
Line 1: |
− | {{Fudan-TSI}} | + | {{Fudan-TSI}}<!-- jquery loaded by HQ 1.12.4 --> |
| <html></p></div></div></div><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="UTF-8"> | | <html></p></div></div></div><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="UTF-8"> |
| <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&action=raw&ctype=text/css"> | | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&action=raw&ctype=text/css"> |
Line 17: |
Line 17: |
| <title>Frontpage | 2019 iGEM Team:Fudan-TSI</title> | | <title>Frontpage | 2019 iGEM Team:Fudan-TSI</title> |
| </head> | | </head> |
− | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/CreatJS&action=raw&ctype=text/javascript"></script>
| |
− | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/AnimationProject&action=raw&ctype=text/javascript"></script>
| |
− | <script>
| |
− | var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
| |
− | function init() {
| |
− | canvas = document.getElementById("canvas");
| |
− | anim_container = document.getElementById("animation_container");
| |
− | dom_overlay_container = document.getElementById("dom_overlay_container");
| |
− | var comp=AdobeAn.getComposition("59A1DD61F7F294448CE610842DD5118B");
| |
− | var lib=comp.getLibrary();
| |
− | var loader = new createjs.LoadQueue(false);
| |
− | loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
| |
− | loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
| |
− | var lib=comp.getLibrary();
| |
− | loader.loadManifest(lib.properties.manifest);
| |
− | }
| |
− | function handleFileLoad(evt, comp) {
| |
− | var images=comp.getImages();
| |
− | if (evt&&(evt.item.type == "image")) { images[evt.item.id] = evt.result; }
| |
− | }
| |
− | function handleComplete(evt, comp) {
| |
− | //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
| |
− | var lib=comp.getLibrary();
| |
− | var ss=comp.getSpriteSheet();
| |
− | var queue = evt.target;
| |
− | var ssMetadata = lib.ssMetadata;
| |
− | for(i=0; i<ssMetadata.length; i++) {
| |
− | ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
| |
− | }
| |
− | exportRoot = new lib.Project();
| |
− | stage = new lib.Stage(canvas);
| |
− | //Registers the "tick" event listener.
| |
− | fnStartAnimation = function() {
| |
− | stage.addChild(exportRoot);
| |
− | createjs.Ticker.setFPS(lib.properties.fps);
| |
− | createjs.Ticker.addEventListener("tick", stage);
| |
− | }
| |
− | //Code to support hidpi screens and responsive scaling.
| |
− | function makeResponsive(isResp, respDim, isScale, scaleType) {
| |
− | var lastW, lastH, lastS=1;
| |
− | window.addEventListener('resize', resizeCanvas);
| |
− | resizeCanvas();
| |
− | function resizeCanvas() {
| |
− | var w = lib.properties.width, h = lib.properties.height;
| |
− | var iw = window.innerWidth, ih=window.innerHeight;
| |
− | var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;
| |
− | if(isResp) {
| |
− | if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {
| |
− | sRatio = lastS;
| |
− | }
| |
− | else if(!isScale) {
| |
− | if(iw<w || ih<h)
| |
− | sRatio = Math.min(xRatio, yRatio);
| |
− | }
| |
− | else if(scaleType==1) {
| |
− | sRatio = Math.min(xRatio, yRatio);
| |
− | }
| |
− | else if(scaleType==2) {
| |
− | sRatio = Math.max(xRatio, yRatio);
| |
− | }
| |
− | }
| |
− | canvas.width = w*pRatio*sRatio;
| |
− | canvas.height = h*pRatio*sRatio;
| |
− | canvas.style.width = dom_overlay_container.style.width = anim_container.style.width = w*sRatio+'px';
| |
− | canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = h*sRatio+'px';
| |
− | stage.scaleX = pRatio*sRatio;
| |
− | stage.scaleY = pRatio*sRatio;
| |
− | lastW = iw; lastH = ih; lastS = sRatio;
| |
− | stage.tickOnUpdate = false;
| |
− | stage.update();
| |
− | stage.tickOnUpdate = true;
| |
− | }
| |
− | }
| |
− | makeResponsive(false,'both',false,1);
| |
− | AdobeAn.compositionLoaded(lib.properties.id);
| |
− | fnStartAnimation();
| |
− | }
| |
− | </script>
| |
| <body onload="init();"> | | <body onload="init();"> |
| <div id="FudanTSIdivWrapper"><div id="FudanTSIBody"> | | <div id="FudanTSIdivWrapper"><div id="FudanTSIBody"> |
Line 274: |
Line 196: |
| <div class="floatingBtn"> <a href="#FudanTSIdivWrapper" class="btn"> <i class="fa fa-angle-up" style="font-size:48px;line-height:45px"></i> </a></div> <footer id="FudanTSIfooter" class="page-footer blue-grey darken-1"><div class="container"><div class="row"><div id="sponsor" class="col m3 s12 row"> <a href="https://2019.igem.org/Team:Fudan-TSI"><img alt="2019 Team:Fudan-TSI logo white" class="col s3 m6 l3" style="position:relative; padding: 0.45em 0.3rem; margin:-0.15rem 0; left: -0.45rem;" src="https://static.igem.org/mediawiki/2019/0/0f/T--Fudan-TSI--LogoGrey.gif"> </a><a href="http://www.fudan.edu.cn/en/" target="_blank"><img class="col s3 m6 l3" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png"> </a><a href="http://life.fudan.edu.cn/" target="_blank"><img class="col s3 m6 l3" style="margin-bottom: 4%;/* fig should be smaller, 2018 ht */" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png"> </a><a href="http://www.yfc.cn/en/" target="_blank"><img class="col s3 m6 l3" style="padding: 0.15rem 0.9rem;" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png"> </a><h3 class="col s12" style="text-align:left;font-size:12.5px">R-Evolution: an <i>in vivo</i> sequence-specific toolbox for continuous mutagenesis</h3></div><div id="footerNavList" class="col m9 s12 row"><div class="col s12 l6 row"><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Description">Project</a></span><ul><li><a href="/Team:Fudan-TSI/Description">Background</a></li><li><a href="/Team:Fudan-TSI/Design">Design</a></li><li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li><li><a href="/Team:Fudan-TSI/Applied_Design">Applied design</a></li><li><a href="/Team:Fudan-TSI/Judging">Judging</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Demonstrate">Results</a></span><ul><li><a href="/Team:Fudan-TSI/Demonstrate#ReverseTranscription">Reverse transcription</a></li><li><a href="/Team:Fudan-TSI/Demonstrate#Recombination">Recombination</a></li><li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li><li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li><li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Model">Model</a></span><ul><li><a href="/Team:Fudan-TSI/Model">Modeling</a></li><li><a href="/Team:Fudan-TSI/Software">Software</a></li><li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li></ul></div></div><div class="col s12 l6 row"><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Parts">Parts</a></span><ul><li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li><li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li><li><a href="/Team:Fudan-TSI/Improve">Part improvement</a></li><li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Human_Practices">Outreach</a></span><ul><li><a href="/Team:Fudan-TSI/Public_Engagement">Public engagement</a></li><li><a href="/Team:Fudan-TSI/Human_Practices#IntegratedHumanPractice">Integrated HP</a></li><li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li><li><a href="/Team:Fudan-TSI/Safety">Safety</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Team">Team</a></span><ul><li><a href="/Team:Fudan-TSI/Team">Members</a></li><li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li><li><a href="/Team:Fudan-TSI/Team#Acknowledge">Acknowledge</a></li><li><a href="/Team:Fudan-TSI/Heritage">Heritage</a></li></ul></div><div class="col s12 m4"> </div></div></div></div></div><div class="footer-copyright"><div class="container"><div class="contactUS row"><div class="col s12 m6 l4"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai</div><div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727</div><div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn</div><div class="col s12 m6 l4"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM</div></div></div></div> </footer> | | <div class="floatingBtn"> <a href="#FudanTSIdivWrapper" class="btn"> <i class="fa fa-angle-up" style="font-size:48px;line-height:45px"></i> </a></div> <footer id="FudanTSIfooter" class="page-footer blue-grey darken-1"><div class="container"><div class="row"><div id="sponsor" class="col m3 s12 row"> <a href="https://2019.igem.org/Team:Fudan-TSI"><img alt="2019 Team:Fudan-TSI logo white" class="col s3 m6 l3" style="position:relative; padding: 0.45em 0.3rem; margin:-0.15rem 0; left: -0.45rem;" src="https://static.igem.org/mediawiki/2019/0/0f/T--Fudan-TSI--LogoGrey.gif"> </a><a href="http://www.fudan.edu.cn/en/" target="_blank"><img class="col s3 m6 l3" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png"> </a><a href="http://life.fudan.edu.cn/" target="_blank"><img class="col s3 m6 l3" style="margin-bottom: 4%;/* fig should be smaller, 2018 ht */" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png"> </a><a href="http://www.yfc.cn/en/" target="_blank"><img class="col s3 m6 l3" style="padding: 0.15rem 0.9rem;" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png"> </a><h3 class="col s12" style="text-align:left;font-size:12.5px">R-Evolution: an <i>in vivo</i> sequence-specific toolbox for continuous mutagenesis</h3></div><div id="footerNavList" class="col m9 s12 row"><div class="col s12 l6 row"><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Description">Project</a></span><ul><li><a href="/Team:Fudan-TSI/Description">Background</a></li><li><a href="/Team:Fudan-TSI/Design">Design</a></li><li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li><li><a href="/Team:Fudan-TSI/Applied_Design">Applied design</a></li><li><a href="/Team:Fudan-TSI/Judging">Judging</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Demonstrate">Results</a></span><ul><li><a href="/Team:Fudan-TSI/Demonstrate#ReverseTranscription">Reverse transcription</a></li><li><a href="/Team:Fudan-TSI/Demonstrate#Recombination">Recombination</a></li><li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li><li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li><li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Model">Model</a></span><ul><li><a href="/Team:Fudan-TSI/Model">Modeling</a></li><li><a href="/Team:Fudan-TSI/Software">Software</a></li><li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li></ul></div></div><div class="col s12 l6 row"><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Parts">Parts</a></span><ul><li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li><li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li><li><a href="/Team:Fudan-TSI/Improve">Part improvement</a></li><li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Human_Practices">Outreach</a></span><ul><li><a href="/Team:Fudan-TSI/Public_Engagement">Public engagement</a></li><li><a href="/Team:Fudan-TSI/Human_Practices#IntegratedHumanPractice">Integrated HP</a></li><li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li><li><a href="/Team:Fudan-TSI/Safety">Safety</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Team">Team</a></span><ul><li><a href="/Team:Fudan-TSI/Team">Members</a></li><li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li><li><a href="/Team:Fudan-TSI/Team#Acknowledge">Acknowledge</a></li><li><a href="/Team:Fudan-TSI/Heritage">Heritage</a></li></ul></div><div class="col s12 m4"> </div></div></div></div></div><div class="footer-copyright"><div class="container"><div class="contactUS row"><div class="col s12 m6 l4"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai</div><div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727</div><div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn</div><div class="col s12 m6 l4"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM</div></div></div></div> </footer> |
| </div></div></div><!-- #pageContent #FudanTSIBody #FudanTSIdivWrapper --> | | </div></div></div><!-- #pageContent #FudanTSIBody #FudanTSIdivWrapper --> |
| + | |
| + | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/CreatJS&action=raw&ctype=text/javascript"></script> |
| + | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/AnimationProject&action=raw&ctype=text/javascript"></script> |
| + | <script> |
| + | var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; |
| + | function init() { |
| + | canvas = document.getElementById("canvas"); |
| + | anim_container = document.getElementById("animation_container"); |
| + | dom_overlay_container = document.getElementById("dom_overlay_container"); |
| + | var comp=AdobeAn.getComposition("59A1DD61F7F294448CE610842DD5118B"); |
| + | var lib=comp.getLibrary(); |
| + | var loader = new createjs.LoadQueue(false); |
| + | loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)}); |
| + | loader.addEventListener("complete", function(evt){handleComplete(evt,comp)}); |
| + | var lib=comp.getLibrary(); |
| + | loader.loadManifest(lib.properties.manifest); |
| + | } |
| + | function handleFileLoad(evt, comp) { |
| + | var images=comp.getImages(); |
| + | if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; } |
| + | } |
| + | function handleComplete(evt,comp) { |
| + | //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage. |
| + | var lib=comp.getLibrary(); |
| + | var ss=comp.getSpriteSheet(); |
| + | var queue = evt.target; |
| + | var ssMetadata = lib.ssMetadata; |
| + | for(i=0; i<ssMetadata.length; i++) { |
| + | ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} ) |
| + | } |
| + | exportRoot = new lib.Project(); |
| + | stage = new lib.Stage(canvas); |
| + | //Registers the "tick" event listener. |
| + | fnStartAnimation = function() { |
| + | stage.addChild(exportRoot); |
| + | createjs.Ticker.setFPS(lib.properties.fps); |
| + | createjs.Ticker.addEventListener("tick", stage); |
| + | } |
| + | //Code to support hidpi screens and responsive scaling. |
| + | function makeResponsive(isResp, respDim, isScale, scaleType) { |
| + | var lastW, lastH, lastS=1; |
| + | window.addEventListener('resize', resizeCanvas); |
| + | resizeCanvas(); |
| + | function resizeCanvas() { |
| + | var w = lib.properties.width, h = lib.properties.height; |
| + | var iw = window.innerWidth, ih=window.innerHeight; |
| + | var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1; |
| + | if(isResp) { |
| + | if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) { |
| + | sRatio = lastS; |
| + | } |
| + | else if(!isScale) { |
| + | if(iw<w || ih<h) |
| + | sRatio = Math.min(xRatio, yRatio); |
| + | } |
| + | else if(scaleType==1) { |
| + | sRatio = Math.min(xRatio, yRatio); |
| + | } |
| + | else if(scaleType==2) { |
| + | sRatio = Math.max(xRatio, yRatio); |
| + | } |
| + | } |
| + | canvas.width = w*pRatio*sRatio; |
| + | canvas.height = h*pRatio*sRatio; |
| + | canvas.style.width = dom_overlay_container.style.width = anim_container.style.width = w*sRatio+'px'; |
| + | canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = h*sRatio+'px'; |
| + | stage.scaleX = pRatio*sRatio; |
| + | stage.scaleY = pRatio*sRatio; |
| + | lastW = iw; lastH = ih; lastS = sRatio; |
| + | stage.tickOnUpdate = false; |
| + | stage.update(); |
| + | stage.tickOnUpdate = true; |
| + | } |
| + | } |
| + | makeResponsive(false,'both',false,1); |
| + | AdobeAn.compositionLoaded(lib.properties.id); |
| + | fnStartAnimation(); |
| + | } |
| + | </script> |
| | | |
| <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.js&action=raw&ctype=text/javascript"></script><!-- Materialize 1.0.0-rc.2 --> | | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.js&action=raw&ctype=text/javascript"></script><!-- Materialize 1.0.0-rc.2 --> |