Difference between revisions of "Team:Fudan"

Line 6: Line 6:
 
<meta http-equiv="x-ua-compatible" content="IE=10">
 
<meta http-equiv="x-ua-compatible" content="IE=10">
 
<style type="text/css">
 
<style type="text/css">
−
*{color:#fff;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif!important}body{overflow-y:hidden}#body{background-color:black;margin:0;display:block;min-width:1300px}.noprint{display:none;}#content{min-width:1300px;margin:0px;padding:0px}#globalWrapper{min-width:1300px;padding:0px;margin:0px;width:99.5vw;}#firstHeading{display:none}#index{position:relative;top:0;left:0;background:url("https://static.igem.org/mediawiki/2015/5/5b/Fudan_home1.jpg") no-repeat center center;background-size:cover;width:100%;height:100vh;min-height:667px}#scrolldown{position:absolute;left:76%;top:69%;width:78px;height:95px}#content{background:url(../img/fudan_home2.jpg) no-repeat center center;background-size:cover;display:inline-block;position:relative;top:0;width:100%;height:100vh;min-height:667px}#left_row{float:left;width:30%}#right_row{float:right;margin-right:10%}#right_row_title{font-size:40pt;text-align:center;margin-top:10vh;margin-bottom:4vh}#right_row_content{background-color:rgba(0,0,0,0.6);text-indent:2em;width:45vw;height:70vh;min-width:500px;min-height:400px;padding-left:10px;padding-top:10px}#right_row_content p{margin-top:0;margin-bottom:0}#gear{position:absolute;z-index:10;margin-left:10.6%;margin-top:7.9%;width:247px}#logo{position:absolute;width:156px;margin-left:14.1%;margin-top:11.2%}.logoimg{width:260px}#achievement{position:absolute;left:390px;top:167px;width:146px}#design{position:absolute;left:370px;top:290px;width:91px}#model{position:absolute;left:299px;top:347px;width:91px}#parts{position:absolute;left:208px;top:367px;width:91px}#team{position:absolute;left:117px;top:334px;width:91px}#practice{position:absolute;left:52px;top:253px;width:91px}#info{list-style-type:none;position:absolute;top:76%;margin-left:60px}#info li{padding-bottom:8px}#info a{text-decoration:none}
+
*{color:#fff;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif!important}body{overflow-y:hidden}#body{background-color:black;margin:0;display:block;min-width:1300px}.noprint{display:noe;}#content{min-width:1300px;margin:0px;padding:0px}#globalWrapper{min-width:1300px;padding:0px;margin:0px;width:99.5vw;}#firstHeading{display:none}#index{position:relative;top:0;left:0;background:url("https://static.igem.org/mediawiki/2015/5/5b/Fudan_home1.jpg") no-repeat center center;background-size:cover;width:100%;height:100vh;min-height:667px}#scrolldown{position:absolute;left:76%;top:69%;width:78px;height:95px}#content{background:url(../img/fudan_home2.jpg) no-repeat center center;background-size:cover;display:inline-block;position:relative;top:0;width:100%;height:100vh;min-height:667px}#left_row{float:left;width:30%}#right_row{float:right;margin-right:10%}#right_row_title{font-size:40pt;text-align:center;margin-top:10vh;margin-bottom:4vh}#right_row_content{background-color:rgba(0,0,0,0.6);text-indent:2em;width:45vw;height:70vh;min-width:500px;min-height:400px;padding-left:10px;padding-top:10px}#right_row_content p{margin-top:0;margin-bottom:0}#gear{position:absolute;z-index:10;margin-left:10.6%;margin-top:7.9%;width:247px}#logo{position:absolute;width:156px;margin-left:14.1%;margin-top:11.2%}.logoimg{width:260px}#achievement{position:absolute;left:390px;top:167px;width:146px}#design{position:absolute;left:370px;top:290px;width:91px}#model{position:absolute;left:299px;top:347px;width:91px}#parts{position:absolute;left:208px;top:367px;width:91px}#team{position:absolute;left:117px;top:334px;width:91px}#practice{position:absolute;left:52px;top:253px;width:91px}#info{list-style-type:none;position:absolute;top:76%;margin-left:60px}#info li{padding-bottom:8px}#info a{text-decoration:none}
 
</style>
 
</style>
 
<script type="text/javascript" src="https://2015.igem.org/Team:Fudan/js/hovertreescroll?action=raw&ctype=text/javascript" defer="defer" charset="utf-8"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:Fudan/js/hovertreescroll?action=raw&ctype=text/javascript" defer="defer" charset="utf-8"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:Fudan/js/mousewheel?action=raw&ctype=text/javascript" defer="defer" language="JavaScript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:Fudan/js/mousewheel?action=raw&ctype=text/javascript" defer="defer" language="JavaScript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:Fudan/js/crSpline?action=raw&ctype=text/javascript" defer="defer" charset="utf-8"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:Fudan/js/crSpline?action=raw&ctype=text/javascript" defer="defer" charset="utf-8"></script>
−
+
<script type="text/javascript" src="https://2015.igem.org/Team:Fudan/js/index?action=raw&ctype=text/javascript" defer="defer" charset="utf-8"></script>
−
<script type="text/javascript" defer="defer" charset="utf-8" language="javascript">
+
−
var mousewheel = document.all ? "mousewheel" : "DOMMouseScroll";
+
−
var currentDegree = 0;
+
−
var index = 0;
+
−
 
+
−
function FadeOutAll() {
+
−
$(".achievement_title").fadeOut(300);
+
−
$(".design_title").fadeOut(300);
+
−
$(".modeling_title").fadeOut(300);
+
−
$(".parts_title").fadeOut(300);
+
−
$(".team_title").fadeOut(300);
+
−
$(".practice_title").fadeOut(300);
+
−
}
+
−
function ExchangeTittle(callback) {
+
−
FadeOutAll();
+
−
var t = setTimeout("$('#modeling_title').fadeIn();",300);
+
−
}
+
−
 
+
−
function scroll(id) {
+
−
$("#" + id).HoverTreeScroll(650);
+
−
}
+
−
 
+
−
function fadeSwitchElements(id1, id2) {
+
−
var element1 = $('#' + id1);
+
−
var element2 = $('#' + id2);
+
−
if (element1.is(':visible')) {
+
−
element1.fadeToggle(500);
+
−
element2.fadeToggle(500);
+
−
} else {
+
−
element2.fadeToggle(500, function() {
+
−
element1.fadeToggle(500);
+
−
});
+
−
}
+
−
}
+
−
 
+
−
function AnimateRotate(fromD,toD, id){
+
−
index = -(currentDegree/30);
+
−
    $({deg: fromD}).animate({deg: toD}, {
+
−
        step: function(now, fx){
+
−
            $("#gear").css({
+
−
                transform: "rotate(" + now + "deg)"
+
−
            });
+
−
        }
+
−
    });
+
−
}
+
−
function wheelMove(event, deltaY) {
+
−
event.preventDefault();
+
−
event.returnValue = false;
+
−
$('#body').unbind('mousewheel');
+
−
if (deltaY > 0) {
+
−
scroll('index');
+
−
}
+
−
if (deltaY < 0) {
+
−
scroll('content');
+
−
}
+
−
}
+
−
var points = [];
+
−
points.push([60,90]);
+
−
points.push([140,25]);
+
−
points.push([225,13]);
+
−
points.push([305,30]);
+
−
points.push([382,90]);
+
−
points.push([390,167]);
+
−
points.push([370,290]);
+
−
points.push([299,347]);
+
−
points.push([208,367]);
+
−
points.push([117,334]);
+
−
points.push([52,253]);
+
−
var spline = $.crSpline.buildSequence(points);
+
−
 
+
−
function getPositoin(id) {
+
−
var nowleft = $("#" + id).css("left");
+
−
nowleft = Number(nowleft.substr(0,nowleft.length-2));
+
−
var nowtop = $("#" + id).css("top");
+
−
nowtop = Number(nowtop.substr(0,nowtop.length-2));
+
−
var ret = [nowleft,nowtop];
+
−
return ret;
+
−
}
+
−
 
+
−
window.onload = function() {
+
−
jQuery(window).scrollTop(0);
+
−
$("#loading").fadeOut(800);
+
−
//滚轮
+
−
var interval = setInterval(function() {
+
−
$('#body').bind('mousewheel', wheelMove);
+
−
}, 950);
+
−
$('#body').bind('mousewheel', wheelMove);
+
−
//方向键
+
−
$(document).keydown(function(event) {
+
−
event.preventDefault();
+
−
event.returnValue = false;
+
−
if (event.keyCode == 38) {
+
−
scroll('index');
+
−
} else if (event.keyCode == 40) {
+
−
scroll('content');
+
−
}
+
−
});
+
−
 
+
−
$("#achievement").click(function() {
+
−
AnimateRotate(currentDegree, 0);
+
−
console.log(index);
+
−
indexBefore = -(currentDegree/30);
+
−
currentDegree = 0;
+
−
indexAfrer = -(currentDegree/30);
+
−
FadeOutAll();
+
−
var t = setTimeout("$('.achievement_title').fadeIn();",300);
+
−
$("#achievement").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[5-indexBefore],points[5-indexAfrer]]),
+
−
width: '146px'},
+
−
500
+
−
);
+
−
$("#design").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[6-indexBefore],points[6-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#model").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[7-indexBefore],points[7-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#parts").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[8-indexBefore],points[8-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#team").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[9-indexBefore],points[9-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#practice").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[10-indexBefore],points[10-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
})
+
−
 
+
−
$("#design").click(function() {
+
−
AnimateRotate(currentDegree, -30);
+
−
console.log(index);
+
−
indexBefore = -(currentDegree/30);
+
−
currentDegree = -30;
+
−
indexAfrer = -(currentDegree/30);
+
−
FadeOutAll();
+
−
var t = setTimeout("$('.design_title').fadeIn();",300);
+
−
$("#achievement").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[5-indexBefore],points[5-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#design").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[6-indexBefore],points[6-indexAfrer]]),
+
−
width: '146px'},
+
−
500
+
−
);
+
−
$("#model").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[7-indexBefore],points[7-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#parts").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[8-indexBefore],points[8-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#team").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[9-indexBefore],points[9-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#practice").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[10-indexBefore],points[10-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
})
+
−
+
−
$("#model").click(function() {
+
−
AnimateRotate(currentDegree, -60);
+
−
console.log(index);
+
−
indexBefore = -(currentDegree/30);
+
−
currentDegree = -60;
+
−
indexAfrer = -(currentDegree/30);
+
−
FadeOutAll();
+
−
var t = setTimeout("$('.modeling_title').fadeIn();",300);
+
−
$("#achievement").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[5-indexBefore],points[5-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#design").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[6-indexBefore],points[6-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#model").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[7-indexBefore],points[7-indexAfrer]]),
+
−
width: '146px'},
+
−
500
+
−
);
+
−
$("#parts").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[8-indexBefore],points[8-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#team").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[9-indexBefore],points[9-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#practice").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[10-indexBefore],points[10-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
})
+
−
+
−
$("#parts").click(function() {
+
−
AnimateRotate(currentDegree, -90);
+
−
console.log(index);
+
−
indexBefore = -(currentDegree/30);
+
−
currentDegree = -90;
+
−
indexAfrer = -(currentDegree/30);
+
−
FadeOutAll();
+
−
var t = setTimeout("$('.parts_title').fadeIn();",300);
+
−
$("#achievement").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[5-indexBefore],points[5-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#design").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[6-indexBefore],points[6-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#model").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[7-indexBefore],points[7-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#parts").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[8-indexBefore],points[8-indexAfrer]]),
+
−
width: '146px'},
+
−
500
+
−
);
+
−
$("#team").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[9-indexBefore],points[9-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#practice").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[10-indexBefore],points[10-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
})
+
−
+
−
$("#team").click(function() {
+
−
AnimateRotate(currentDegree, -120);
+
−
console.log(index);
+
−
indexBefore = -(currentDegree/30);
+
−
currentDegree = -120;
+
−
indexAfrer = -(currentDegree/30);
+
−
FadeOutAll();
+
−
var t = setTimeout("$('.team_title').fadeIn();",300);
+
−
$("#achievement").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[5-indexBefore],points[5-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#design").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[6-indexBefore],points[6-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#model").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[7-indexBefore],points[7-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#parts").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[8-indexBefore],points[8-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#team").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[9-indexBefore],points[9-indexAfrer]]),
+
−
width: '146px'},
+
−
500
+
−
);
+
−
$("#practice").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[10-indexBefore],points[10-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
})
+
−
+
−
$("#practice").click(function() {
+
−
AnimateRotate(currentDegree, -150);
+
−
console.log(index);
+
−
indexBefore = -(currentDegree/30);
+
−
currentDegree = -150;
+
−
indexAfrer = -(currentDegree/30);
+
−
FadeOutAll();
+
−
var t = setTimeout("$('.practice_title').fadeIn();",300);
+
−
$("#achievement").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[5-indexBefore],points[5-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#design").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[6-indexBefore],points[6-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#model").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[7-indexBefore],points[7-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#parts").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[8-indexBefore],points[8-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#team").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[9-indexBefore],points[9-indexAfrer]]),
+
−
width: '91px'},
+
−
500
+
−
);
+
−
$("#practice").animate(
+
−
{crSpline: $.crSpline.buildSequence([points[10-indexBefore],points[10-indexAfrer]]),
+
−
width: '146px'},
+
−
500
+
−
);
+
−
})
+
−
}
+
−
</script>
+
 
<title>iGEM_Fudan</title>
 
<title>iGEM_Fudan</title>
 
</head>
 
</head>

Revision as of 17:07, 18 September 2015

iGEM_Fudan

ACHIEVEMENT

Circular RNAs (circRNAs), formed by non-sequential back-splicing of pre-mRNA transcripts, are a wide- spread form of non-coding RNA in animal cells. Various function of natural existed circRNA revealed recently shows that circRNA can be used as powerful tools in future research and health care. However, there is no toolbox to generate circRNA up to date, which restrict the research and application of circRNA. Our project focus on the devices to cyclize specific part of RNA, aiming to start a circRNA revolution.

We designed three types of devices to cyclize the RNA based on the back-splicing mechanism:the "Ouroboros"(cyclizing device based on the inverted repeat sequence in the exon-flanking region), the "Cyclizer"(proteins that accelerate RNA cyclization)and the acRNA(ssRNA that accelerate RNA cyclization).

We experimentally validate that our device can accelerate the formation of cirRNA. We also measured the half-life time of the circRNA, which proved its stability. To solidity our experiment procedure, we designed a device to report the level of mir-21 concentration and modeled the steady state of proteins to confirm our design.

Apart from our lab work, we also took active part in the educational outreach activities which has had huge influences on and off campus. As sociable participants in iGEM, we have collaboration with NYU_Shanghai, ZJU-China and NCTU Formosa, and mentored a high school team WLSA_Fudan-Shanghai.