Team:CBNU-Korea

From 2012.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:CBNU-Korea/css}}
 
{{Team:CBNU-Korea/css_slide2}}
{{Team:CBNU-Korea/css_slide2}}
<html>
<html>
 +
<head>
-
<div id="cbnu" style="background:#CBE86B url(https://static.igem.org/mediawiki/2012/8/8c/CBK_back_007.png) no-repeat;">
+
<link href='http://fonts.googleapis.com/css?family=Droid+Sans'
-
<!--<img src="https://static.igem.org/mediawiki/2012/d/d1/CBK_robot_001.png">-->HELLO!! Team:CBNU-Korea
+
rel='stylesheet' type='text/css'>
-
</div>
+
<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'>
-
<div id="cbnu_menu" style="
 
-
    font-size: 20px;  margin: 0 auto;  width: 80%;  background: white;  padding: 20px; 
 
-
    border: 1px solid #CBE86B; 
 
-
    margin-bottom: 10px;
 
-
    text-align: center;
 
-
    font-family: 'Francois One', sans-serif;
 
-
">
 
-
<a href="#">Project Description</a> |
 
-
<a href="https://2012.igem.org/Team:CBNU-Korea/Safety">Safety</a>
 
-
</div>
 
-
<div id="cbnu_slide" style="
+
<!--[if lt IE 9]>
-
    background: white;
+
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-
    width: 80%;
+
    <script src="http://scottjehl.github.com/Respond/respond.min.js"></script>
-
     margin: 0 auto;
+
</script>
-
     padding: 20px;
+
      
-
    border: 2px solid #DFDFDF;
+
     <![endif]-->
-
    margin-bottom: 10px;
+
-
    text-align: center;
+
-
    font-size: 20px;
+
-
    display: none;
+
-
">
+
-
<ul class="rslides">
 
-
  <li><img src="https://static.igem.org/mediawiki/2012/a/a7/CBK_slide_temp_001.png" alt="" /></li>
 
-
  <li><img src="https://static.igem.org/mediawiki/2012/5/54/CBK_slide_temp_002.png" alt="" /></li>
 
-
  <li><img src="https://static.igem.org/mediawiki/2012/3/3e/CBK_slide_temp_003.png" alt="" /></li>
 
-
</ul>
 
-
</div>
+
<meta name="viewport"
 +
content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
-
<div id="desc" style="font-size: 16px; margin: 0 auto; ;width: 80%;background: white;padding: 20px;border: 1px solid #CBE86B;border-bottom: 0px;">
+
<style>
-
<img src="https://static.igem.org/mediawiki/2012/5/52/CBK_icon_002.png">
+
/******/
-
<b>Project Description</b></div>
+
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption
 +
{
 +
display: block;
 +
}
-
<div id="desctx" style="font-size: 14px; margin: 0 auto; width: 80%;background: white;padding: 20px;border: 1px solid #CBE86B;border-top: 0px;">
+
/* ----------------Display:none---------------- */
-
We have been designing Biobrick Software. By the database of the Biobrick of this software, users can design synthesis genes virtually. This software visualizes the synthesis genes and let users understand and expect the result of a experiment easily. We expect that the software will help you to make your experiment success.
+
#p-logo {
-
<br><br>
+
display: none;
-
We are planning to design minimal chromosome by using the genes which have a particular function. To design the minimal chromosome, it is important to minimize chromosomes. Therefore we have to search the genes that is vitally necessary to live. We assume that this essential genes are located in every species. It is also important to analyze the array of the essential genes. So we have been analyzing the array to optimize a function expression. Base in this analyzes we have been developing the software of the minimal chromosome. The object of this research is to design new organisms that makes products that users went.
+
}
-
</div>
+
 
 +
#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;
 +
}
 +
 
 +
.HOME {
 +
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_subcontent {
 +
width: 90%;
 +
max-width: 1080px;
 +
margin: 0 auto;
 +
background: transparent;
 +
overflow: auto;
 +
margin-bottom: 15px;
 +
}
 +
 
 +
#CB_subcontent h2 {
 +
background: white;
 +
color: black;
 +
float: left;
 +
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_content_slide {
 +
background: transparent;
 +
width: 100%;
 +
max-width: 1200px;
 +
margin: 0 auto;
 +
}
 +
 
 +
#CB_sub_jm {
 +
width: 100%;
 +
overflow: auto;
 +
}
 +
 
 +
#CB_sub_menu {
 +
width: 28%;
 +
float: left;
 +
margin-right: 2%;
 +
height: 200px;
 +
background: white;
 +
}
 +
 
 +
#CB_sub_main {
 +
width: 70%;
 +
float: right;
 +
height: 400px;
 +
background: white;
 +
}
 +
 
 +
#CB_sub_cont {
 +
width: 100%;
 +
max-width: 1080px;
 +
background: white;
 +
overflow: hidden;
 +
}
 +
 
 +
/* ---------------CB_map------------------- */
 +
#CB_map {
 +
height: 300px;
 +
background: url("https://static.igem.org/mediawiki/2012/a/ae/CBK_map_002.png")
 +
no-repeat #32B6DB;
 +
cursor: pointer;
 +
}
 +
 
 +
#CB_map h1 {
 +
margin: 0;
 +
padding: 4% 10% 0% 65%;
 +
border: 0;
 +
font-size: 1.7em;
 +
font-weight: 900;
 +
color: white;
 +
}
 +
 
 +
#CB_map h2 {
 +
margin: 0;
 +
padding: 1% 10% 0% 65%;
 +
border: 0;
 +
font-size: 1em;
 +
color: white;
 +
}
 +
 
 +
/* ----------------CB_footer---------------- */
 +
#CB_responsive {
 +
background: url(https://static.igem.org/mediawiki/2012/e/e1/CBK_back_013.png);
 +
border-top: 1px solid #B483F1;
 +
}
 +
 
 +
#CB_res_cont {
 +
background:
 +
url(https://static.igem.org/mediawiki/2012/0/0c/CBK_responsive_001.png)
 +
no-repeat center;
 +
height: 250px;
 +
width: 100%;
 +
position: absolute;
 +
}
 +
 
 +
#CB_responsive h1 {
 +
padding: 4% 0 1% 50%;
 +
color: #3EA77D;
 +
margin: 0;
 +
border: 0;
 +
font-size: 2.5em;
 +
}
 +
 
 +
#CB_responsive h2 {
 +
padding: 0% 15% 2% 50%;
 +
color: #633F3F;
 +
margin: 0;
 +
border: 0;
 +
font-size: 1.3em;
 +
}
 +
 
 +
#CB_footer {
 +
height: 40px;
 +
background: url(https://static.igem.org/mediawiki/2012/a/a9/CBK_back_012.png);
 +
border-top: 1px solid white;
 +
}
 +
 
 +
#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 : 767px) {
 +
#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: 20px;
 +
}
 +
#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;
 +
}
 +
#CB_map {
 +
background: url("https://static.igem.org/mediawiki/2012/a/ae/CBK_map_002.png")
 +
no-repeat #32B6DB -160px 0px;
 +
}
 +
#CB_map h1 {
 +
color: black;
 +
padding: 4% 10% 0 10%;
 +
}
 +
#CB_map h2 {
 +
color: black;
 +
padding: 1% 10% 0 10%;
 +
}
 +
}
 +
 
 +
/* iPad, tablets etc portrait ---- */
 +
@media all and (min-width : 768px) and (max-width : 1023px ) {
 +
#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;
 +
}
 +
#CB_map h1 {
 +
color: black;
 +
}
 +
#CB_map h2 {
 +
color: black;
 +
}
 +
}
 +
 
 +
/* 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: 1024px) {
 +
#menubar {
 +
display: block;
 +
}
 +
}
 +
</style>
 +
 
 +
 
 +
<script type="text/javascript">
 +
function divLink(url) {
 +
window.open(url);
 +
}
 +
</script>
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
 
 +
 
 +
 
 +
<div id="CB_top">
 +
<div id="CB_top_logo_cont">
 +
<div id="CB_top_CBNU_logo">
 +
<div id="CB_top_CBNU_logo_img"></div>
 +
<div id="CB_top_CBNU_logo_text_1">
 +
<p>2012 iGEM</p>
 +
</div>
 +
<div id="CB_top_CBNU_logo_text_2">
 +
<p>CBNU-Korea</p>
 +
</div>
 +
</div>
 +
<div id="CB_top_MENU">
 +
<ul>
 +
<li class="HOME"><a href="#">HOME</a></li>
 +
<li class="TEAM"><a href="https://2012.igem.org/Team:CBNU-Korea/Team">TEAM</a></li>
 +
<li class="PROJECT"><a href="https://2012.igem.org/Team:CBNU-Korea/Project">PROJECT</a></li>
 +
<li class="NOTEBOOK"><a href="https://2012.igem.org/Team:CBNU-Korea/Notebook">NOTEBOOK</a></li>
 +
</ul>
 +
<ul>
 +
<li class="SAFETY"><a href="https://2012.igem.org/Team:CBNU-Korea/Safety">SAFETY</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>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="CB_top_shadow"></div>
 +
 
 +
<div id="CB_content">
 +
<div id="CB_content_slide">
 +
<ul class="rslides">
 +
<li><img
 +
src="https://static.igem.org/mediawiki/2012/3/39/CBK_slide_001.png" /></li>
 +
<li><img
 +
src="https://static.igem.org/mediawiki/2012/6/69/CBK_slide_002.png" /></li>
 +
<li><img
 +
src="https://static.igem.org/mediawiki/2012/a/a0/CBK_slide_003.png" /></li>
 +
<li><img
 +
src="https://static.igem.org/mediawiki/2012/f/f6/CBK_slide_004.png" /></li>
 +
</ul>
 +
 
 +
</div>
 +
 
 +
<div id="CB_subcontent">
 +
<div id="CB_sub_jm">
 +
<h2>+ What is BUGS</h2>
 +
</div>
 +
<div id="CB_sub_cont">
 +
<h3>Brick & Unique minimal Genome Software</h3>
 +
<p>
 +
We have developed two distinct software tools. <br> <br>
 +
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.<br> <br> 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.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div id="CB_map" onclick="divLink('http://goo.gl/maps/SH8VO');">
 +
<h1>CBNU</h1>
 +
<h2>
 +
Chungbuk National University<br> 52 Naesudong-ro, Heungdeok-gu,<br>
 +
Cheongju Chungbuk, South-Korea<br> <br> +82 -43-261-2947<br>
 +
<br> iGEM.CBNU+2012@gmail.com
 +
</h2>
 +
</div>
 +
 
 +
<div id="CB_responsive">
 +
<div id="CB_res_cont"></div>
 +
<h1>Responsive Web</h1>
 +
<h2>
 +
Responsive design is a method to building a single website that works
 +
just as well on your mobile phones it does when you're sat at a desk.<br>
 +
Just adjust your browser width now to see what we mean.<br> <br>
 +
Mobile phones, Tablet, Desktop(iE 9+, Chrome, Safari, FF etc)
 +
</h2>
 +
</div>
 +
 
 +
<div id="CB_footer">
 +
<div id="CB_footer_logo"></div>
 +
<div id="CB_footer_text"></div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
</body>
</html>
</html>

Latest revision as of 03:15, 27 September 2012

+ What is 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.

CBNU

Chungbuk National University
52 Naesudong-ro, Heungdeok-gu,
Cheongju Chungbuk, South-Korea

+82 -43-261-2947

iGEM.CBNU+2012@gmail.com

Responsive Web

Responsive design is a method to building a single website that works just as well on your mobile phones it does when you're sat at a desk.
Just adjust your browser width now to see what we mean.

Mobile phones, Tablet, Desktop(iE 9+, Chrome, Safari, FF etc)