Team:CBNU-Korea

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
 
(105 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{Team:CBNU-Korea/css_slide2}}
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<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>
 +
</script>
 +
   
 +
    <![endif]-->
-
{|align="justify"
 
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 
-
|[[Image:CBNU-Korea_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:CBNU-Korea_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:CBNU-Korea | Team CBNU-Korea]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
+
<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="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<style>
-
!align="center"|[[Team:CBNU-Korea|Home]]
+
/******/
-
!align="center"|[[Team:CBNU-Korea/Team|Team]]
+
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=CBNU-Korea Official Team Profile]
+
{
-
!align="center"|[[Team:CBNU-Korea/Project|Project]]
+
display: block;
-
!align="center"|[[Team:CBNU-Korea/Parts|Parts Submitted to the Registry]]
+
}
-
!align="center"|[[Team:CBNU-Korea/Modeling|Modeling]]
+
 
-
!align="center"|[[Team:CBNU-Korea/Notebook|Notebook]]
+
/* ----------------Display:none---------------- */
-
!align="center"|[[Team:CBNU-Korea/Safety|Safety]]
+
#p-logo {
-
!align="center"|[[Team:CBNU-Korea/Attributions|Attributions]]
+
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;
 +
}
 +
 
 +
.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>

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)

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