Team:SYSU-Software/BBO

From 2014.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 8: Line 8:
<link href="https://2014.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2014.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2014.igem.org/Team:SYSU-Software/semantic.min.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2014.igem.org/Team:SYSU-Software/semantic.min.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
-
<link href="https://2014.igem.org/Team:SYSU-Software/BBO.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
+
<link href="https://2014.igem.org/Team:SYSU-Software/general.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
-
<link href="https://2014.igem.org/Team:SYSU-Software/BBOContent.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
+
<link href="https://2014.igem.org/Team:SYSU-Software/toTop.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
-
<style type="text/css">
+
<style type="text/css">
-
#bgMenu, #bgToTop, #bgContent{
+
#bgContent{
-
height: 1160px;
+
background-color: #d0f7ef;
-
}
+
min-height: 1400px;
 +
}
 +
#flameTop{
 +
background-color: #d0f7ef;
 +
height: 132px;
 +
}
 +
#flameMiddle{
 +
position: relative;
 +
}
 +
#flameBottom{
 +
background-color: #d0f7ef;
 +
top: 180px;
 +
}
 +
#bgToTop{
 +
min-height: 1400px;
 +
max-height: 2000px;
 +
}
 +
#bgMenu{
 +
min-height: 1400px;
 +
max-height: 2000px;
 +
}
 +
#BBOVideo{
 +
position: relative;
 +
top: 40px;
 +
text-align: center;
 +
margin: 0px auto;
 +
}
-
#flameBottom{
+
#BBOText{
-
position: relative;
+
position: relative;
-
text-align: center;
+
text-align: center;
-
top: 100px;
+
margin: 0px auto;
-
margin: 0px auto;
+
}
-
}
+
 +
#BBOText a:hover{
 +
font-weight: 700;
 +
}
-
</style>
+
p{
 +
  font-size: 15px;
 +
  font-family: Arial, Helvetica, Microsoft Sans Serif;
 +
  text-align: left;
 +
}
 +
</style>
</head>
</head>
<body>
<body>
<div id="top2"></div>
<div id="top2"></div>
 +
 +
<div id="pageName">
 +
<img style="position: relative; width: 55%;" id="" src="https://static.igem.org/mediawiki/2014/0/06/SYSU-Software_policy%26practice_02.png">
 +
</div>
<div class="bigFather">
<div class="bigFather">
Line 41: Line 78:
</div>
</div>
<div class='card' id="bg-01">
<div class='card' id="bg-01">
-
                        <div style="height:10px;"></div>
+
<div style="height:10px;"></div>
<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/overview'>Overview</a></div>  
<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/overview'>Overview</a></div>  
-
<div class='card-content'><a href='#'>Design</a></div>  
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/design">Design</a></div>  
-
<div class='card-content'><a href='#'>Wetlab </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/validation">Validation</a></div>
-
<div class='card-content'><a href='#'>Download </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/download">Download </a></div>
</div>
</div>
   
   
Line 54: Line 91:
<div class='card' id="bg-02">
<div class='card' id="bg-02">
    <div style="height:20px;"></div>
    <div style="height:20px;"></div>
-
<div class='card-content'><a href='#'> Tutorial </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/tutorial">Tutorial </a></div>
-
<div class='card-content'><a href='#'> Models </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/model"> Models </a></div>
-
<div class='card-content'><a href='#'> Notebook </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/notebook"> Notebook </a></div>
</div>
</div>
Line 64: Line 101:
<div class='card' id="bg-03">
<div class='card' id="bg-03">
    <div style="height:20px;"></div>
    <div style="height:20px;"></div>
-
<div class='card-content'><a href='#'> Medals </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/medal"> Medals </a></div>
-
<div class='card-content'><a href='#'> Safety </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/safety"> Safety </a></div>
-
<div class='card-content'><a href='#'> Collaboration </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/collaboration"> Collaboration </a></div>
</div>
</div>
Line 74: Line 111:
<div class='card' id="bg-04">
<div class='card' id="bg-04">
    <div style="height:28px;"></div>
    <div style="height:28px;"></div>
-
<div class='card-content'><a href='#'> Meetups </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/meetup"> Meetups </a></div>
<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/BBO'> BBO </a></div>
<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/BBO'> BBO </a></div>
</div>
</div>
Line 82: Line 119:
</div>
</div>
<div class='card' id="bg-05">
<div class='card' id="bg-05">
-
    <div style="height:20px;"></div>
+
    <div style="height:10px;"></div>
-
<div class='card-content'><a href='#'> Members </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/member"> Members </a></div>
-
<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/sponsor'> Sponsors </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/attribution">Attribution</a></div>
-
<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/ackmt'> Ackmt </a></div>
+
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/sponsor"> Sponsors </a></div>
 +
<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/ackmt"> Ackmt </a></div>
</div>
</div>
Line 93: Line 131:
<div id="bgContent">
<div id="bgContent">
 +
<div id="flameTop">
<div id="flameTop">
-
<img id="" src="https://static.igem.org/mediawiki/2014/f/fb/SYSU-Software_FLAME.png">
+
<img id="" src="https://static.igem.org/mediawiki/2014/a/ae/SYSU-Software_policy%26practice.png">
</div>
</div>
-
+
-
<div id="BBOVideo">
+
<div class="flameMiddle">
-
<iframe width="854" height="510" src="http://www.youtube.com/embed/I0IcR2P2_dw" frameborder="0" allowfullscreen></iframe>
+
                <h1 style="text-align: center; font-size: 45px; font-weight: bold; font-family: cursive;">Biobrick Blast Online</h1><br/>
-
<div style="height: 90px;"></div>
+
<div id="BBOVideo">
-
<div id="BBOText" class="ui piled segment" style="width: 854px; margin:0px auto;">
+
<iframe width="854" height="510" src="http://www.youtube.com/embed/I0IcR2P2_dw" frameborder="0" allowfullscreen></iframe>
-
<h2 style="text-align: center;">Biobrick Blast Online</h2>
+
<div style="height: 90px;"></div>
-
<br/>
+
<div id="BBOText" class="ui piled segment" style="width: 854px; margin:0px auto;">
-
<p>Biobrick Blast Online, short for BBO, is an online Biobrick alignment and search toolkit made by SYSU-Software and SYSU-China.  
+
<h2 style="text-align: center;">Biobrick Blast Online</h2>
-
If you still have trouble or feel monotonous when you want to find some Biobricks containing or related to the known sequence  
+
<br/>
-
which is needed, you should try our software. BBO is not only containing the latest complete iGEM part registry data,  
+
<p>Biobrick Blast Online, short for BBO, is an online Biobrick alignment and search toolkit made by SYSU-Software and SYSU-China.  
-
but also helping you search Biobricks in 2013 or 2014 iGEM DNA Distribution.
+
If you still have trouble or feel monotonous when you want to find some Biobricks containing or related to the known sequence  
-
</p>
+
which is needed, you should try our software. BBO is not only containing the latest complete iGEM part registry data,  
-
+
but also helping you search Biobricks in 2013 or 2014 iGEM DNA Distribution.
-
<p>It is easy and convenient for everyone to use it. Enter your sequence or import the sequence from your file,  
+
</p>
-
and then choose the E-Value, database and output format as you like,  
+
-
you will soon get all Biobricks that contain or are related to the sequence,  
+
<p>It is easy and convenient for everyone to use it. Enter your sequence or import the sequence from your file,  
-
as well as the overall information on those Biobricks. What’s more, our software is nonprofit and practical.  
+
and then choose the E-Value, database and output format as you like,  
-
Now, move on and have a try!
+
you will soon get all Biobricks that contain or are related to the sequence,  
-
</p>
+
as well as the overall information on those Biobricks. What’s more, our software is nonprofit and practical.  
-
+
Now, move on and have a try!
-
<p>The online version of software is released:  
+
</p>
-
<a style="color:blue;" href="http://biobrickblast.sysusoftware.info/" target="_blank">http://biobrickblast.sysusoftware.info/</a>
+
-
</p>
+
<p>The online version of software is released:  
-
+
<a style="color:blue;" href="http://biobrickblast.sysusoftware.info/" target="_blank">http://biobrickblast.sysusoftware.info/</a>
-
 
+
</p>
 +
</div>
</div>
</div>
</div>
</div>
-
 
+
<div id="flameBottom">
<div id="flameBottom">
<img id="" src="https://static.igem.org/mediawiki/2014/5/56/SYSU-Software_footer.png">
<img id="" src="https://static.igem.org/mediawiki/2014/5/56/SYSU-Software_footer.png">
Line 130: Line 170:
     <div id="bgToTop">
     <div id="bgToTop">
-
<div class='rightCircle'></div>
+
<a id="igemlogo" href="https://2014.igem.org/Main_Page" target="_blank" >
 +
<img src="https://static.igem.org/mediawiki/2014/7/73/SYSU-Software_igemlogo.png" alt="igemlogo">
 +
</a>
</div>
</div>
</div>
</div>
-
 
+
<div style="display: none;" id="rocket-to-top">
-
 
+
<div style="opacity:0;display: block;" class="level-2"></div>
 +
<div class="level-3"></div>
 +
</div>
</body>
</body>
<script type="text/javascript" src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/allMenu.js?action=raw&amp;ctype=text/css"></script>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/allMenu.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/toTop.js?action=raw&ctype=text/javascript"></script>
</html>
</html>

Latest revision as of 13:33, 10 October 2014

Team:SYSU-Software

Biobrick Blast Online


Biobrick Blast Online


Biobrick Blast Online, short for BBO, is an online Biobrick alignment and search toolkit made by SYSU-Software and SYSU-China. If you still have trouble or feel monotonous when you want to find some Biobricks containing or related to the known sequence which is needed, you should try our software. BBO is not only containing the latest complete iGEM part registry data, but also helping you search Biobricks in 2013 or 2014 iGEM DNA Distribution.

It is easy and convenient for everyone to use it. Enter your sequence or import the sequence from your file, and then choose the E-Value, database and output format as you like, you will soon get all Biobricks that contain or are related to the sequence, as well as the overall information on those Biobricks. What’s more, our software is nonprofit and practical. Now, move on and have a try!

The online version of software is released: http://biobrickblast.sysusoftware.info/