Team:SYSU-Software/BBO

From 2014.igem.org

(Difference between revisions)

Revision as of 08:56, 6 October 2014

Team:SYSU-Software

Project

Documents

Requirements

Policy & Practice

Team

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/

@@ 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/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" />
+	<style type="text/css">
-<style type="text/css">
+		#bgContent{
-#bgMenu, #bgToTop, #bgContent{
+			background-color: #d0f7ef;
-	height: 100%;
+			min-height: 1300px;
-}
+		}
+		#flameTop{
+			background-color: #d0f7ef;
+			height: 132px;
+		}
+		#flameMiddle{
+			position: relative;
+		}
+		#flameBottom{
+			background-color: #d0f7ef;
+			top: 200px;
+		}
+		#bgToTop{
+			min-height: 1300px;
+			max-height: 2000px;
+		}
+		#bgMenu{
+			min-height: 1300px;
+			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: 120px;
+			margin: 0px auto;
-	margin: 0px auto;
+		}
-}
+		#BBOText a:hover{
+			font-weight: 700;
+			color:#fff;
+			text-shadow:0 0 5px #9be0d1, 0 0 10px #9be0d1, 0 0 15px #9be0d1, 0 0 40px #ff00de, 0 0 60px #ff00de;
+		}
-</style>
+		p{
+		  font-size: 15px;
+		  font-family: Arial, Helvetica, Microsoft Sans Serif;
+		  text-align: left;
+		}
+	</style>
 </head>
 <body>
 	<div id="top2"></div>
+	<div id="pageName">
+		<img style="position: relative; width: 20%;" id="" src="https://static.igem.org/mediawiki/2014/0/06/SYSU-Software_policy%26practice_02.png">
+	</div>
 <div class="bigFather">
@@ Line 43: / Line 81: @@
 				<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/design'>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='https://2014.igem.org/Team:SYSU-Software/wetlab'>Wetlab </a></div>
+				 <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/wetlab">Wetlab </a></div>
-				 <div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/download'>Download </a></div>
+				 <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/download">Download </a></div>
 			</div>
@@ Line 54: / Line 92: @@
 			<div class='card' id="bg-02">
 			    <div style="height:20px;"></div>
-				<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/tutorial'>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='https://2014.igem.org/Team:SYSU-Software/model'> 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='https://2014.igem.org/Team:SYSU-Software/notebook'> Notebook </a></div>
+				<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/notebook"> Notebook </a></div>
 			</div>
@@ Line 64: / Line 102: @@
 			<div class='card' id="bg-03">
 			    <div style="height:20px;"></div>
-				<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/medal'> 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='https://2014.igem.org/Team:SYSU-Software/safety'> 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='https://2014.igem.org/Team:SYSU-Software/collaboration'> Collaboration </a></div>
+				<div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/collaboration"> Collaboration </a></div>
 			</div>
@@ Line 74: / Line 112: @@
 			<div class='card' id="bg-04">
 			    <div style="height:28px;"></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/meetup"> Meetups </a></div>
 				<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/BBO'> BBO </a></div>
 			</div>
@@ Line 82: / Line 120: @@
 			</div>
 			<div class='card' id="bg-05">
-			    <div style="height:20px;"></div>
+			    <div style="height:10px;"></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/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>
@@ Line 93: / Line 132: @@
 	<div id="bgContent">
 		<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 id="BBOVideo">
+		<div class="flameMiddle">
-			<iframe width="854" height="510" src="http://www.youtube.com/embed/I0IcR2P2_dw" frameborder="0" allowfullscreen></iframe>
+			<div id="BBOVideo">
-			<div style="height: 90px;"></div>
+				<iframe width="854" height="510" src="http://www.youtube.com/embed/I0IcR2P2_dw" frameborder="0" allowfullscreen></iframe>
-			<div id="BBOText" class="ui piled segment" style="width: 854px; margin:0px auto;">
+				<div style="height: 90px;"></div>
-				<h2 style="text-align: center;">Biobrick Blast Online</h2>
+				<div id="BBOText" class="ui piled segment" style="width: 854px; margin:0px auto;">
-				<br/>
+					<h2 style="text-align: center;">Biobrick Blast Online</h2>
-				<p>Biobrick Blast Online, short for BBO, is an online Biobrick alignment and search toolkit made by SYSU-Software and SYSU-China.
+					<br/>
-				If you still have trouble or feel monotonous when you want to find some Biobricks containing or related to the known sequence
+					<p>Biobrick Blast Online, short for BBO, is an online Biobrick alignment and search toolkit made by SYSU-Software and SYSU-China.
-				which is needed, you should try our software. BBO is not only containing the latest complete iGEM part registry data,
+					If you still have trouble or feel monotonous when you want to find some Biobricks containing or related to the known sequence
-				but also helping you search Biobricks in 2013 or 2014 iGEM DNA Distribution.
+					which is needed, you should try our software. BBO is not only containing the latest complete iGEM part registry data,
-				</p>
+					but also helping you search Biobricks in 2013 or 2014 iGEM DNA Distribution.
+					</p>
-				<p>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,
+					<p>It is easy and convenient for everyone to use it. Enter your sequence or import the sequence from your file,
-				you will soon get all Biobricks that contain or are related to the sequence,
+					and then choose the E-Value, database and output format as you like,
-				as well as the overall information on those Biobricks. What’s more, our software is nonprofit and practical.
+					you will soon get all Biobricks that contain or are related to the sequence,
-				Now, move on and have a try!
+					as well as the overall information on those Biobricks. What’s more, our software is nonprofit and practical.
-				</p>
+					Now, move on and have a try!
+					</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>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>
+				</div>
 			</div>
 		</div>
 		<div id="flameBottom">
 			<img id="" src="https://static.igem.org/mediawiki/2014/5/56/SYSU-Software_footer.png">
@@ Line 130: / Line 170: @@
      <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>
 </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>