Team:CBNU-Korea/Team

From 2012.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<html>
 +
<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>
 +
/******/
 +
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;
 +
}
 +
 +
.JUDGING {
 +
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;
 +
}
 +
 +
#li_sub {
 +
font-size: 14px;
 +
padding-left: 17%;
 +
}
 +
 +
.li_Effect {
 +
font-weight: 900;
 +
}
 +
 +
.li_Effect a {
 +
font-weight: 900;
 +
color: #A56BAA !important;
 +
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 {
 +
height: 140px;
 +
background: url(https://static.igem.org/mediawiki/2012/d/d3/CBK_sub_img_001.png);
 +
background-size: 100% 100%;
 +
}
 +
 +
#CB_sub_img img{
 +
width: 100%;
 +
height: 100%;
 +
}
 +
 +
#CB_sub_cont {
 +
 +
}
 +
 +
.check_img {
 +
display: block;
 +
float: left;
 +
padding-top: 1.5%;
 +
padding-left: 1%;
 +
}
 +
 +
#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>
 +
 +
<script type="text/javascript">
 +
$(function() {
 +
$("*#scrolltotop").click(function() {
 +
$("html,body").animate({
 +
scrollTop : 0
 +
});
 +
});
 +
});
 +
</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="https://2012.igem.org/Team:CBNU-Korea">HOME</a></li>
 +
<li class="TEAM"><a href="#">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_subcontent">
 +
<div id="CB_sub_title">
 +
<h2>TEAM</h2>
 +
<h3>- Team</h3>
 +
</div>
 +
<div id="CB_sub_menu">
 +
<ul>
 +
<li class="li_Judging"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/JG/judging">01 +
 +
Judging</a></li>
 +
<li class="li_Effect"><a href="#">02 + Effect</a></li>
 +
</ul>
 +
 +
</div>
 +
<div id="CB_sub_main">
 +
<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">
 +
 +
<h1>Effect</h1>
 +
<h2>1. Sharing</h2>
 +
<p>
 +
The exchange of information is necessary in a study that confirm
 +
and research a subject. Therefore, when the biologists do their
 +
experiments, a process to exchange the experiment records and
 +
results between the researchers is necessary as well.<br> <br>
 +
 +
By using a simple form of our program, it is able to exchange the
 +
informations like the Brick designing process and the result data
 +
between the researchers. By this program, not only you can
 +
exchange the designing process in a file form, but you can also
 +
exchange the components of BioBrick that was personally designed.
 +
(i.g. By a fixed process, the BioBrick information that researcher
 +
‘A’ made, can be transferred and used by researcher ‘B’.) Also,
 +
you can import or export the data as various forms(FASTA, Genbank,
 +
SBOL) by the program itself. Because of this function, the
 +
connectivity between the programs are enhanced, so the user and
 +
the non-user of the program can exchange informations.
 +
</p>
 +
<h2>2. Human Practice</h2>
 +
 +
<p>
 +
This program can show the exact cloning process in vitro by using
 +
the Brick information that the user has chosen. Also, it can
 +
produce usable knowledge of Synthetic Biology that will be needed.
 +
Such as Brick informations or Restriction sites.<br> <br>
 +
By proceeding the designing process before the actual experiment,
 +
the beginners can participate more easily. Also you can utilize
 +
the training software that can explain the visualized information
 +
of the cloning process.
 +
</p>
 +
<p></p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="CB_footer">
 +
<div id="CB_footer_logo"></div>
 +
<div id="CB_footer_text"></div>
 +
</div>
 +
</body>
 +
 +
</html>

Revision as of 15:53, 26 September 2012

TEAM

- Team

Effect

1. Sharing

The exchange of information is necessary in a study that confirm and research a subject. Therefore, when the biologists do their experiments, a process to exchange the experiment records and results between the researchers is necessary as well.

By using a simple form of our program, it is able to exchange the informations like the Brick designing process and the result data between the researchers. By this program, not only you can exchange the designing process in a file form, but you can also exchange the components of BioBrick that was personally designed. (i.g. By a fixed process, the BioBrick information that researcher ‘A’ made, can be transferred and used by researcher ‘B’.) Also, you can import or export the data as various forms(FASTA, Genbank, SBOL) by the program itself. Because of this function, the connectivity between the programs are enhanced, so the user and the non-user of the program can exchange informations.

2. Human Practice

This program can show the exact cloning process in vitro by using the Brick information that the user has chosen. Also, it can produce usable knowledge of Synthetic Biology that will be needed. Such as Brick informations or Restriction sites.

By proceeding the designing process before the actual experiment, the beginners can participate more easily. Also you can utilize the training software that can explain the visualized information of the cloning process.

Retrieved from "http://2012.igem.org/Team:CBNU-Korea/Team"