Team:UESTC-software/js/basic/subLevel
/**
* Created by MacBook Air on 2016/9/18. */
var data = [
{
title:"PROJECT",
firstImg:"
",
descFirst:"We developed a software tool, BIO101:DNA Information Storage System,to bridge today's electronic ",
descSecond:"based information technology world to the future's biotechnology based information storage and processing world.",
subData:[
{
name:"Description",
img1:"
",
img2:"
",
src:"https://2016.igem.org/Team:UESTC-software/Description",
desc:'The web-based software tool BIO101 can be used to encode conventional electronic computer files into nucleotide sequences which are ready for synthesis and decode the sequencing results of a DNA sample reversely.'
},
{
name: "Design",
img1: "
",
img2: "
",
src:"https://2016.igem.org/Team:UESTC-software/Design?id=0&index=1",
desc:'The core encoding and decoding algorithms includes five steps: (de)compression, (de)encryption ((de)randomization), (de)fragmentation and indexing. The front-end is based on the Django framework with the support of bootstrap, jquery and owl-carousel for visualization effect. The back-end is written using the Python scripts and C language.'
},
{
name:"Features",
img1:"
",
img2:"
",
src:"https://2016.igem.org/Team:UESTC-software/Features?id=0&index=2",
desc:'BIO101 is focused on solving the challenges in today’s DNA synthesis technology while maintaining the high information density and capacity, robust fault tolerance and flexible extensibility. In addition, we proposed an efficient random access solution based on the CRISPR/Cas9 genome editing system.'
},
{
name:"Model",
img1:"
",
img2:"
",
src:"https://2016.igem.org/Team:UESTC-software/Model",
desc:'We examined the theoretical limit of our algorithms and compared with other DNA information storage solutions. In particular, each step is examined theoretically and tested for the software implementation through real and manually-created test data set.'
},
{
name:"Proof",
img1:"
",
img2:"
",
src:"https://2016.igem.org/Team:UESTC-software/Proof",
desc:'In order to verify our system, we tested the speed, efficiency, stability of our system, including the ratio of the DNA sequences file size and original file size, the transforming speed, GC content and the number of homopolymers and Restriction Enzyme cutting sites.'
},
{
name:"Result",
img1:"
",
img2:"
",
src:"https://2016.igem.org/Team:UESTC-software/Result",
desc:'In order to verify our system, we tested the speed, efficiency, stability of our system, including the ratio of the DNA sequences file size and original file size, the transforming speed, GC content and the number of homopolymers and Restriction Enzyme cutting sites.'
},
{
name:"Future",
img1:"
",
img2:"
",
src:"https://2016.igem.org/Team:UESTC-software/Future?id=0&index=5",
desc:'During this summer, we have tried large amounts of coding methods to find the most appropriate storage method to improve the user experience. Despite the great efforts we made, it is inevitable that flaws exist in Bio101. We will perfect Bio101 in the future.'
},
{
name:"Extra work",
img1:"
",
img2:"
",
src:"https://2016.igem.org/Team:UESTC-software/Extra_work?id=0&index=6;",
desc:'During preparation, we gained more inspirations in addition to our main project, Bio101. Not only do we want to design software for benefitting synthetic biologists, but also are willing to make the public understand the related knowledge.'
}
]
},
{
title:"JUDGING",
firstImg:"
",
descFirst:"UESTC-Software members got the spirits of iGEM and completed the competition",
descSecond:"tasks according to requirements. We paid attention to detail to confirm project validity and safety.",
subData:[
{
name:"Medal Requirements",
img1:"
",
img2:"
",
src:"https://2016.igem.org/Team:UESTC-software/Medal_requirements?id=1&index=0",
desc:'As part of the iGEM Competition, our team worked diligently to fulfill the requirements for the bronze, silver, and gold medals. Our progress and achievements of these requirements is clearly documented on our wiki.'
},
{
name: "Safety",
img1: "
",
img2: "
",
src:"https://2016.igem.org/Team:UESTC-software/Safety?id=1&index=1",
desc:"Safety is our team's first priority. Throughout the summer, all team members practiced proper safety protocols. During the process of software development, we confirm the safety of the software and test its stability. "
}
]
},
{
title:"TEAM",
firstImg:"
",
descFirst:"This summer, fifteen members of UESTC-Software gathered together to work for ",
descSecond:"iGEM. Everyone has their own specialities and accomplished all the tasks well. We are studying, we are harvesting.",
subData:[
{
name:"Team",
img1:"
",
img2:"
",
src:"https://2016.igem.org/Team:UESTC-software/Members?id=2&index=0",
desc:'We are the UESTC-Software iGEM Team for 2016. From the school tournament, we stood out to become team members. We were chosen and we are fighting for the same goal. We are willing to promote the synthetic biology as a whole.'
},
{
name: "Collaborations",
img1: "
",
img2: "
",
src:"https://2016.igem.org/Team:UESTC-software/Collaboration?id=2&index=1",
desc:'In addition to working on our project, our team also assisted and collaborated with various other iGEM Teams. These interactions allowed us to form stronger connections in the iGEM community and ultimately benefited the projects of all parties involved.'
},
{
name: "Notebooks",
img1: "
",
img2: "
",
src:"https://2016.igem.org/Team:UESTC-software/Notebooks?id=2&index=2",
desc:'Over the course of the summer, every member of our team kept and maintained a notebook documenting their daily activities and progress. Also, we have recorded our meeting and made it a timeline. Notebooks have witnessed our efforts to pay for iGEM.'
}
]
},
{
title:"Document",
firstImg:"",
descFirst:"This summer, fifteen members of UESTC-Software gathered together to work for ",
descSecond:"iGEM. Everyone has their own specialities and accomplished all the tasks well. We are studying, we are harvesting.",
subData:[
{
name:"Team",
img1:"",
img2:"",
desc:'We are the UESTC-Software iGEM Team for 2016. From the school tournament, we stood out to become team members. We were chosen and we are fighting for the same goal. We are willing to promote the synthetic biology as a whole.'
},
{
name: "Collaborations",
img1: "",
img2: "",
desc:'In addition to working on our project, our team also assisted and collaborated with various other iGEM Teams. These interactions allowed us to form stronger connections in the iGEM community and ultimately benefited the projects of all parties involved.'
},
{
name: "Notebooks",
img1: "",
img2: "",
desc:'Over the course of the summer, every member of our team kept and maintained a notebook documenting their daily activities and progress. Also, we have recorded our meeting and made it a timeline. Notebooks have witnessed our efforts to pay for iGEM.'
}
]
}
];
var id = 0; var selectItem = 0; var beginrecord = 0; var currentUrl = location.href.toString(); if( currentUrl.indexOf("?id=") >= 0 ){
id = parseInt(currentUrl.split("?id=")[1]);
}
var str = '<img src="'+data[id].firstImg+'" class="logo" />
'+
'+data[id].title+'
'+ ''+data[id].descFirst+'
'+ ''+data[id].descSecond+'
';$(".detail-desc").html(str);
drawSecondNav(beginrecord,selectItem); if(data[id].subData.length <= 4){
$(".detail-container").find("ul").width(250 * data[id].subData.length);
} function drawSecondNav(beginrecord,selectItem){
var htmlStr = '- ';
if(data[id].subData.length > 4){
htmlStr += '
- <img src="
" /> ';
}htmlStr += '
';
<a href="'+data[id].subData[i].src+'">';
}else{
htmlStr += ' <a href="'+data[id].subData[i].src+'">';
}
htmlStr += '<img class="img1" src="'+data[id].subData[i].img1+'" />'+
'<img class="img2" src="'+data[id].subData[i].img2+'" /></br>'+
' ';
';
for(var i = beginrecord; i < data[id].subData.length && i < 4 + beginrecord; i++){
if(selectItem == i){
htmlStr += ''+data[id].subData[i].name+''+
'<img src="
" class="ionc1" />'+
'<img src="
" class="ionc2"/>
'+data[id].subData[i].desc+'
'+ '</a>}htmlStr += '
if(data[id].subData.length > 4){
htmlStr += '
" /> }
$(".detail-container").html(htmlStr);
$(".detail-container ul .item").mouseenter(function(){
var index = $(".detail-container ul .item").index(this);
selectItem = index + beginrecord;
$(this).addClass("active").siblings(".item").removeClass("active");
});
$(".next-page").click(function(){
if(beginrecord < data[id].subData.length - 4){
beginrecord++;
selectItem = selectItem + 1;
drawSecondNav(beginrecord,selectItem);
}
});
$(".pre-page").click(function(){
if(beginrecord > 0){
beginrecord--;
selectItem = selectItem - 1;
drawSecondNav(beginrecord,selectItem);
}
});
}
