Team:CBNU-Korea/Project

From 2012.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:CBNU-Korea/css_new}}
<html>
<html>
<head>
<head>
-
 
-
<link href='http://fonts.googleapis.com/css?family=Droid+Sans'
 
-
rel='stylesheet' type='text/css'>
 
-
<link href='http://fonts.googleapis.com/css?family=Francois+One'
 
-
rel='stylesheet' type='text/css'>
 
-
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,900'
 
-
rel='stylesheet' type='text/css'>
 
-
 
-
<!--[if lt IE 9]>
 
-
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
-
    <script src="http://scottjehl.github.com/Respond/respond.min.js"></script>
 
-
    <![endif]-->
 
-
 
-
 
-
<meta name="viewport"
 
-
content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
 
<style>
<style>
-
/******/
 
-
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption
 
-
{
 
-
display: block;
 
-
}
 
-
 
-
/* ----------------Display:none---------------- */
 
-
#p-logo {
 
-
display: none;
 
-
}
 
-
 
-
#search-controls {
 
-
display: none;
 
-
}
 
-
 
-
.firstHeading {
 
-
display: none;
 
-
}
 
-
 
-
#catlinks {
 
-
display: none;
 
-
}
 
-
 
-
#footer-box {
 
-
display: none;
 
-
}
 
-
 
-
#contentSub {
 
-
display: none;
 
-
}
 
-
 
-
/* ----------------TopSection---------------- */
 
-
#top-section {
 
-
height: 30px;
 
-
width: 100%;
 
-
background: none repeat scroll 0 0 #343838; /*per Page*/
 
-
border-bottom: 1px solid #262B35; /*per Page*/
 
-
border-left: medium none;
 
-
border-right: medium none;
 
-
}
 
-
 
-
#menubar {
 
-
top: 2px;
 
-
font-family: 'Droid Sans', sans-serif;
 
-
}
 
-
 
-
/* ----------------Body---------------- */
 
-
body {
 
-
font-family: 'Lato' sans-serif;
 
-
background: white;
 
-
}
 
-
 
-
#globalWrapper {
 
-
padding-bottom: 0px;
 
-
}
 
-
 
-
/* ----------------TopSection_left-menu---------------- */
 
-
.left-menu,.left-menu a {
 
-
color: white;
 
-
left: 0px;
 
-
text-transform: capitalize;
 
-
}
 
-
 
-
.left-menu:hover {
 
-
background-color: transparent;
 
-
}
 
-
 
-
.left-menu:hover a {
 
-
color: white;
 
-
text-decoration: none !important;
 
-
}
 
-
 
-
.left-menu li a:hover {
 
-
color: #aaaaff;
 
-
}
 
-
 
-
/* ----------------TopSection_right-menu---------------- */
 
-
.right-menu li {
 
-
background-color: transparent;
 
-
}
 
-
 
-
.right-menu,.right-menu a {
 
-
color: white;
 
-
right: 0;
 
-
text-align: right;
 
-
}
 
-
 
-
.right-menu:hover {
 
-
background-color: transparent;
 
-
}
 
-
 
-
.right-menu:hover a {
 
-
color: white;
 
-
}
 
-
 
-
.right-menu li a {
 
-
background-color: transparent;
 
-
color: white;
 
-
padding: 0 15px 0 0;
 
-
}
 
-
 
-
.right-menu li a:hover {
 
-
color: #aaaaff;
 
-
}
 
-
 
-
/* ----------------CB_top---------------- */
 
-
#CB_top {
 
-
background: url(https://static.igem.org/mediawiki/2012/f/fd/CBK_back_010.png);
 
-
font-family: 'Francois One', sans-serif;
 
-
overflow: auto;
 
-
padding-bottom: 20px;
 
-
}
 
-
 
-
#CB_top_shadow {
 
-
background: url(https://static.igem.org/mediawiki/2012/b/b0/CBK_back_011.png);
 
-
height: 10px;
 
-
margin-bottom: 12px;
 
-
}
 
-
 
-
#CB_top_logo_cont {
 
-
width: 90%;
 
-
max-width: 1080px;
 
-
margin: 0 auto;
 
-
line-height: 1em;
 
-
}
 
-
 
-
#CB_top_CBNU_logo {
 
-
width: 55%;
 
-
margin: 0 auto;
 
-
color: white;
 
-
font-size: 50px;
 
-
float: left;
 
-
padding-top: 25px;
 
-
}
 
-
 
-
#CB_top_CBNU_logo_img {
 
-
background: url(https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png)
 
-
no-repeat;
 
-
width: 140px;
 
-
height: 120px;
 
-
float: left;
 
-
}
 
-
 
-
#CB_top_CBNU_logo_text_1 p {
 
-
padding: 0;
 
-
margin: 0;
 
-
margin-top: 12px;
 
-
font-size: 30px;
 
-
}
 
-
 
-
#CB_top_CBNU_logo_text_2 p {
 
-
padding: 0;
 
-
margin: 0;
 
-
margin-top: -18px;
 
-
}
 
-
 
-
#CB_top_MENU {
 
-
width: 45%;
 
-
float: right;
 
-
text-align: right;
 
-
padding-top: 45px;
 
-
}
 
-
 
-
#CB_top_MENU ul {
 
-
margin: 0;
 
-
padding: 0;
 
-
font-size: 18px;
 
-
padding-bottom: 10px;
 
-
}
 
-
 
-
#CB_top_MENU li {
 
-
display: inline-block;
 
-
*display: inline;
 
-
border-bottom: 5px solid #221B1B;
 
-
height: 30px;
 
-
padding: 0 15px;
 
-
margin: 0 4px;
 
-
}
 
-
 
.PROJECT {
.PROJECT {
border-bottom-color: white !important;
border-bottom-color: white !important;
-
}
 
-
 
-
#CB_top_MENU li:hover {
 
-
background: white;
 
-
border-bottom: 5px solid white;
 
-
}
 
-
 
-
#CB_top_MENU li:hover a {
 
-
color: #24BED3;
 
-
}
 
-
 
-
#CB_top_MENU a {
 
-
color: #0E0B0B;
 
-
}
 
-
 
-
/* ----------------CB_content---------------- */
 
-
#CB_content a {
 
-
color: black;
 
-
}
 
-
 
-
#CB_subcontent {
 
-
width: 90%;
 
-
max-width: 1080px;
 
-
margin: 0 auto;
 
-
background: transparent;
 
-
overflow: auto;
 
-
}
 
-
 
-
#CB_subcontent h2 {
 
-
background: white;
 
-
color: black;
 
-
font-size: 2.2em;
 
-
font-weight: 900;
 
-
border: 0;
 
-
margin: 0;
 
-
padding: 25px 10px 10px 2%;
 
-
}
 
-
 
-
#CB_subcontent h3 {
 
-
font-weight: 400;
 
-
border: 0;
 
-
margin: 0;
 
-
padding: 2% 0 1% 4.2%;
 
-
font-size: 2em;
 
-
line-height: 1.5em;
 
-
}
 
-
 
-
#CB_subcontent p {
 
-
font-weight: 400;
 
-
border: 0;
 
-
margin: 0;
 
-
padding: 1% 0 1% 4.5%;
 
-
font-size: 1.4em;
 
-
}
 
-
 
-
#CB_sub_title {
 
-
width: 100%;
 
-
overflow: auto;
 
-
margin-bottom: 30px;
 
-
}
 
-
 
-
#CB_subcontent h2 {
 
-
background: white;
 
-
color: black;
 
-
font-size: 3.5em;
 
-
font-weight: 900;
 
-
border: 0;
 
-
margin: 0;
 
-
padding: 25px 10px 10px 2%;
 
-
}
 
-
 
-
#CB_sub_title h3 {
 
-
font-weight: 400;
 
-
border: 0;
 
-
margin: 0;
 
-
padding: 0 0 1% 4.2%;
 
-
font-size: 2em;
 
-
line-height: 1.5em;
 
-
}
 
-
 
-
#CB_sub_main {
 
-
width: 70%;
 
-
float: right;
 
-
}
 
-
 
-
#CB_sub_menu {
 
-
width: 28%;
 
-
float: left;
 
-
border-top: 1px dotted #41C7BC;
 
-
padding-top: 10px;
 
-
}
 
-
 
-
#CB_sub_menu ul {
 
-
list-style-type: none;
 
-
margin: 0;
 
-
padding: 10px 0 0 0;
 
-
margin-right: 20%;
 
-
font-size: 16px;
 
-
}
 
-
 
-
#CB_sub_menu li {
 
-
border-bottom: 1px dotted #41C7BC;
 
}
}
Line 312: Line 16:
color: #A56BAA !important;
color: #A56BAA !important;
padding-left: 10px;
padding-left: 10px;
-
}
 
-
 
-
#CB_sub_main {
 
-
border-top: 1px dotted #41C7BC;
 
-
padding-top: 10px;
 
-
}
 
-
 
-
#CB_sub_main h1 {
 
-
font-size: 2.4em;
 
-
font-weight: 900;
 
-
margin: 0;
 
-
line-height: 1.2em;
 
-
}
 
-
 
-
#CB_sub_main h2 {
 
-
font-size: 1.5em;
 
-
font-weight: 900;
 
-
margin: 0;
 
-
line-height: 1.2em;
 
-
border: 0;
 
-
padding: 10px 0 5px 2%;
 
-
}
 
-
 
-
#CB_sub_main h3 {
 
-
 
-
}
 
-
 
-
#CB_sub_main p {
 
-
 
}
}
#CB_sub_img {
#CB_sub_img {
-
height: 140px;
+
background-image:
-
background: aqua;
+
url(https://static.igem.org/mediawiki/2012/9/96/CBK_sub_img_004.png);
-
}
+
-
 
+
-
#CB_sub_cont {
+
-
+
-
}
+
-
 
+
-
#scrolltotop {
+
-
width: 100%;
+
-
height: 20px;
+
-
background: url(https://static.igem.org/mediawiki/2012/7/7e/CBK_STT.png)
+
-
no-repeat right;
+
-
cursor: pointer;
+
-
}
+
-
/* ----------------CB_footer---------------- */
+
-
#CB_responsive {
+
-
height: 200px;
+
-
background: #DFD4E7;
+
-
border-top: 1px solid #AAA6B6;
+
-
}
+
-
 
+
-
#CB_footer {
+
-
height: 200px;
+
-
background: #EBEBEB;
+
-
border-top: 1px solid silver;
+
-
}
+
-
 
+
-
#CB_footer_logo {
+
-
+
-
}
+
-
 
+
-
#CB_footer_text {
+
-
+
-
}
+
-
 
+
-
/* ----------------Content---------------- */
+
-
#content {
+
-
background: transparent;
+
-
padding: 0;
+
-
width: 100%;
+
-
border: 0px;
+
-
}
+
-
 
+
-
a {
+
-
color: #0088cc;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
a:hover {
+
-
color: #005580;
+
-
text-decoration: none !important;
+
-
}
+
-
 
+
-
p {
+
-
margin: 0px;
+
-
}
+
-
 
+
-
hr {
+
-
height: 1px;
+
-
color: transparent;
+
-
background-color: transparent;
+
-
border: 0;
+
-
background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25),
+
-
transparent );
+
-
background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25),
+
-
transparent );
+
-
background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25),
+
-
transparent );
+
-
background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25),
+
-
transparent );
+
-
}
+
-
 
+
-
/* ----------------responsive---------------- */
+
-
 
+
-
/* iPhone, etc portrait ---- */
+
-
@media all and (min-width : 320px) and (max-width : 768px) {
+
-
#menubar {
+
-
display: none;
+
-
}
+
-
#CB_top {
+
-
padding-bottom: 0px;
+
-
}
+
-
#CB_top_logo_cont {
+
-
width: 100%;
+
-
max-width: 1080px;
+
-
margin: 0 auto;
+
-
line-height: 1em;
+
-
}
+
-
#CB_top_CBNU_logo {
+
-
width: 100%;
+
-
margin: 0 auto;
+
-
color: white;
+
-
font-size: 30px;
+
-
padding-top: 15px;
+
-
text-align: center;
+
-
}
+
-
#CB_top_CBNU_logo_img {
+
-
background: url(https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png)
+
-
no-repeat;
+
-
width: 120px;
+
-
height: 120px;
+
-
margin: 0 auto;
+
-
float: none;
+
-
}
+
-
#CB_top_MENU {
+
-
width: 100%;
+
-
text-align: center;
+
-
padding-top: 40px;
+
-
}
+
-
#CB_top_MENU ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
font-size: 12px;
+
-
padding-bottom: 10px;
+
-
}
+
-
#CB_top_MENU li {
+
-
display: inline-block;
+
-
*display: inline;
+
-
border-bottom: 5px solid #221B1B;
+
-
height: 20px;
+
-
padding: 0 15px;
+
-
margin: 0 4px;
+
-
}
+
-
#CB_top_MENU li:hover {
+
-
background: white;
+
-
border-bottom: 5px solid white;
+
-
}
+
-
#CB_top_MENU li:hover a {
+
-
color: #24BED3;
+
-
}
+
-
#CB_top_MENU a {
+
-
color: #0E0B0B;
+
-
}
+
-
}
+
-
 
+
-
/* iPad, tablets etc portrait ---- */
+
-
@media all and (min-width : 769px) and (max-width : 1024px ) {
+
-
#menubar {
+
-
display: block;
+
-
}
+
-
#CB_top {
+
-
padding-bottom: 0px;
+
-
}
+
-
#CB_top_CBNU_logo {
+
-
width: 100%;
+
-
margin: 0 auto;
+
-
color: white;
+
-
font-size: 45px;
+
-
padding-top: 15px;
+
-
text-align: center;
+
-
}
+
-
#CB_top_CBNU_logo_img {
+
-
background: url(https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png)
+
-
no-repeat;
+
-
width: 120px;
+
-
height: 120px;
+
-
margin: 0 auto;
+
-
float: none;
+
-
}
+
-
#CB_top_MENU {
+
-
width: 100%;
+
-
text-align: center;
+
-
padding-top: 20px;
+
-
}
+
-
#CB_top_MENU ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
font-size: 16px;
+
-
padding-bottom: 10px;
+
-
}
+
-
#CB_top_MENU li {
+
-
display: inline-block;
+
-
*display: inline;
+
-
border-bottom: 5px solid #221B1B;
+
-
height: 20px;
+
-
padding: 0 15px;
+
-
margin: 0 4px;
+
-
}
+
-
#CB_top_MENU li:hover {
+
-
background: white;
+
-
border-bottom: 5px solid white;
+
-
}
+
-
#CB_top_MENU li:hover a {
+
-
color: #24BED3;
+
-
}
+
-
#CB_top_MENU a {
+
-
color: #0E0B0B;
+
-
}
+
-
}
+
-
 
+
-
/* Laptops, Desktops, etc ---- */
+
-
/*@media all and (min-width: 1024px) {
+
-
            body {
+
-
                font-family: 'Droid Sans', sans-serif;
+
-
                background-color: green;
+
-
            }
+
-
 
+
-
            #menubar {
+
-
                display: block;
+
-
            }
+
-
}*/
+
-
 
+
-
/* large Desktops */
+
-
@media all and (min-width: 1025px) {
+
-
#menubar {
+
-
display: block;
+
-
}
+
}
}
</style>
</style>
Line 575: Line 44:
<li class="HOME"><a
<li class="HOME"><a
href="https://2012.igem.org/Team:CBNU-Korea">HOME</a></li>
href="https://2012.igem.org/Team:CBNU-Korea">HOME</a></li>
-
<li class="TEAM"><a href="#">TEAM</a></li>
+
<li class="TEAM"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Team">TEAM</a></li>
<li class="PROJECT"><a href="#">PROJECT</a></li>
<li class="PROJECT"><a href="#">PROJECT</a></li>
-
<li class="NOTEBOOK"><a href="#">NOTEBOOK</a></li>
+
<li class="NOTEBOOK"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Notebook">NOTEBOOK</a></li>
</ul>
</ul>
<ul>
<ul>
-
<li class="SAFETY"><a href="#">SAFETY</a></li>
+
<li class="SAFETY"><a
-
<li class="JUDGING"><a href="#">JUDGING</a></li>
+
href="https://2012.igem.org/Team:CBNU-Korea/Safety">SAFETY</a></li>
-
<li class="iGEM"><a href="#">iGEM</a></li>
+
<li class="JUDGING"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/JG/judging">JUDGING</a></li>
 +
<li class="iGEM"><a href="https://2012.igem.org/"
 +
target="_blank">iGEM</a></li>
</ul>
</ul>
</div>
</div>
Line 596: Line 70:
</div>
</div>
<div id="CB_sub_menu">
<div id="CB_sub_menu">
-
<ul>
+
<div id="CB_sub_mobile_menu"> + MENU </div>
 +
<ul class="CB_ul">
<li class="OVERVIEW"><a href="#">01 + Overview</a></li>
<li class="OVERVIEW"><a href="#">01 + Overview</a></li>
<li class="BD"><a
<li class="BD"><a
href="https://2012.igem.org/Team:CBNU-Korea/Project/BD/Overview">02
href="https://2012.igem.org/Team:CBNU-Korea/Project/BD/Overview">02
+ Brick Designer</a></li>
+ Brick Designer</a></li>
-
<li class="MGD"><a href="#">03 + Minimal Genome Designer</a></li>
+
<li class="MGD"><a
-
<li class="DOWNLOAD"><a href="#">04 + Download</a></li>
+
href="https://2012.igem.org/Team:CBNU-Korea/Project/GD/Overview">03
-
<li class="TUTORIAL"><a href="#">05 + Tutorial</a></li>
+
+ Minimal Genome Designer</a></li>
 +
<li class="DOWNLOAD"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Project/Download">04
 +
+ Download</a></li>
 +
<li class="TUTORIAL"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Project/Tutorial">05
 +
+ Tutorial</a></li>
</ul>
</ul>
</div>
</div>
<div id="CB_sub_main">
<div id="CB_sub_main">
-
<div id="CB_sub_img"></div>
+
<div id="CB_sub_img">
 +
<img
 +
src="https://static.igem.org/mediawiki/2012/6/6e/CBK_overlay_001.png">
 +
</div>
<div id="CB_sub_cont">
<div id="CB_sub_cont">
-
+
 
-
<h1>BUGS - Brick & Unique minimal Genome Software</h1>
+
<h1>BUGS - Brick & Unique minimal Genome Software</h1>
-
<p>
+
<p>
-
We have developed two distinct software tools. <br> <br>
+
We have developed two distinct software tools. <br> <br>
-
The first tool, MG-designer, is functionally divided into designer
+
The first tool is Brick Designer. With this, users can design new
-
and viewer. The viewer shows the information of genomes in both
+
bio-bricks. It is also able to synthesize bio-bricks by using the
-
linear and circular form. So it is easier for users to understand
+
bricks whitch are registered in partsregistry. Users can also
-
the characteristic of genomes. By the designer, user can design
+
utilize bricks he just designed. We tried to enhance software
-
minimal genomes by essential genes which are analogized by our team
+
potability by enabling the designed bricks to save as Genbank and
-
in this year. The minimal genome can be designed depending on
+
SBOL format. Brick also can be saved as picture file so that it is
-
characteristics of species by inserting the function of genes into
+
helpful in the Wiki implementation.<br> <br> Second
-
particular locations. <br> <br> With the second tool,
+
tool, Minimal Genome Designer is functionally divided into two
-
brick-designer, user can design new bio-bricks. It is also able to
+
program, Designer and Viewer. The Viewer shows a lot of
-
synthesize bricks by using the bricks registered in partsregistry.
+
information of genomes and genes. For example, Location of
-
User can also utilize bricks he just designed. We tried to enhance
+
essential genes and the function of genes. It also provides
-
software potability by enabling the bricks to save as Genbank and
+
information of genomes in both linear and circular form. Using
-
SBOL types. Brick also can be saved as picture file so that it is
+
this, it will be easier for users to understand the characteristic
-
helpful in the Wiki implementation.
+
of genomes. By the designer, user can design minimal genomes by
-
</p>
+
essential genes which are predicted by our team in this year. It
-
+
shows the information of essential genes that can exist in eash
-
+
section like frequency of location on 82 species, function and
 +
etc. When it is done to design minimal genome, it can be viewed on
 +
Viewer.
 +
 
 +
</p>
 +
 
 +
 
</div>
</div>
</div>
</div>

Latest revision as of 23:48, 26 September 2012

PROJECT

- Overview

BUGS - Brick & Unique minimal Genome Software

We have developed two distinct software tools.

The first tool is Brick Designer. With this, users can design new bio-bricks. It is also able to synthesize bio-bricks by using the bricks whitch are registered in partsregistry. Users can also utilize bricks he just designed. We tried to enhance software potability by enabling the designed bricks to save as Genbank and SBOL format. Brick also can be saved as picture file so that it is helpful in the Wiki implementation.

Second tool, Minimal Genome Designer is functionally divided into two program, Designer and Viewer. The Viewer shows a lot of information of genomes and genes. For example, Location of essential genes and the function of genes. It also provides information of genomes in both linear and circular form. Using this, it will be easier for users to understand the characteristic of genomes. By the designer, user can design minimal genomes by essential genes which are predicted by our team in this year. It shows the information of essential genes that can exist in eash section like frequency of location on 82 species, function and etc. When it is done to design minimal genome, it can be viewed on Viewer.