Team:KAIST Korea/Home Intro

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:KAIST_Korea/top_home}}
 
-
{{:Team:KAIST_Korea/navi}}
 
<html>
<html>
<head>
<head>
-
<link href='http://fonts.googleapis.com/css?family=Qwigley|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
-
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
+
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'>
-
<script type="text/javascript">
+
-
  WebFontConfig = {
+
-
    google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Qwigley::latin' ]}
+
-
  };
+
-
  (function() {
+
-
    var wf = document.createElement('script');
+
-
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
+
-
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
+
-
    wf.type = 'text/javascript';
+
-
    wf.async = 'true';
+
-
    var s = document.getElementsByTagName('script')[0];
+
-
    s.parentNode.insertBefore(wf, s);
+
-
  })();
+
-
  </script>
+
<style>
<style>
-
@import url(http://fonts.googleapis.com/css?family=Qwigley|Open+Sans:600italic,400,800);
+
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);
-
#kaistcontent
+
img.grey {
-
{
+
position: relative;
position: relative;
 +
z-index: 10;
 +
}
 +
 +
img.color {
 +
position: relative;
 +
right:70px;
 +
 +
}
 +
ul.oe_menu{
 +
list-style:none;
 +
position:relative;
 +
width:300px;
 +
float:left;
 +
clear:both;
 +
margin:5px 0px 0px 8px;
 +
}
 +
ul.oe_menu > li{
 +
width:90px;
 +
height:30px;
 +
padding:auto;
 +
float:left;
 +
position:relative;
 +
}
 +
ul.oe_menu > li > a{
 +
display:block;
background-color:transparent;
background-color:transparent;
-
width:690px;
+
color:#aaa;
-
font-family: 'Open Sans', sans-serif;
+
text-decoration:none;
-
font-size:11pt;
+
text-align:center;
-
line-height:120%;
+
font-size:16px;
-
text-align:justify;
+
font-family: 'Source Sans Pro', sans-serif;
-
padding: 0px 15px 0px 15px;
+
width:90px;
-
left:300px;
+
height:30px;
-
top:-70px;
+
opacity:0.8;
-
z-index: 2;
+
}
 +
ul.oe_menu > li > a:hover,
 +
ul.oe_menu > li.selected > a{
 +
color:#fff;
 +
opacity:1.0;
 +
}
 +
.oe_wrapper ul.hovered > li > a{
 +
background:transparent;
 +
 +
}
 +
ul.oe_menu div{
 +
position:absolute;
 +
left:0px;
 +
background:transparent;
 +
width:268px;
 +
height:36px;
 +
padding:2px;
 +
display:none;
 +
}
 +
ul.oe_menu div ul li a{
 +
text-decoration:none;
 +
color:#cbcbcb;
 +
padding:2px 2px 2px 4px;
 +
margin:2px;
 +
display:block;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
text-align:center;
 +
font-size:16px;
 +
}
 +
ul.oe_menu div ul.oe_full{
 +
width:100%;
 +
}
 +
ul.oe_menu div ul li a:hover{
 +
background:#8583bf;/*이걸로 색상 조절*/
 +
color:#fff;
 +
}
 +
ul.oe_menu li ul{
 +
list-style:none;
 +
float:left;
 +
width: 86px;
 +
margin-right:0px;
}
}
-
#kaistcontent #starter-grad
+
ul.oe_menu2{
-
{
+
list-style:none;
-
width:17px;
+
position:relative;
-
height:100px;
+
width:300px;
 +
float:left;
 +
clear:both;
 +
margin:5px 0px 0px 8px;
 +
}
 +
ul.oe_menu2 > li{
 +
width:90px;
 +
height:30px;
 +
padding:auto;
float:left;
float:left;
-
margin:0px 15px 2px 0px;
+
position:relative;
}
}
-
#kaistcontent #starter
+
ul.oe_menu2 > li > a{
 +
display:block;
 +
background-color:transparent;
 +
color:#eee;
 +
text-decoration:none;
 +
text-align:center;
 +
font-size:16px;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
width:90px;
 +
height:30px;
 +
opacity:0.8;
 +
}
 +
ul.oe_menu2 > li > a:hover,
 +
ul.oe_menu2 > li.selected > a{
 +
color:#fff;
 +
opacity:1.0;
 +
}
 +
 
 +
.oe_wrapper2 ul.hovered > li > a{
 +
background:transparent;
 +
 +
}
 +
 
 +
ul.oe_menu2 div{
 +
position:absolute;
 +
left:0px;
 +
background:transparent;
 +
width:268px;
 +
height:36px;
 +
padding:2px;
 +
display:none;
 +
}
 +
ul.oe_menu2 div ul li a{
 +
text-decoration:none;
 +
color:#ffffff;
 +
padding:2px 2px 2px 2px;
 +
margin:2px;
 +
display:block;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
text-align:center;
 +
font-size:16px;
 +
}
 +
 
 +
ul.oe_menu2 div ul.oe_full2{
 +
width:100%;
 +
}
 +
 
 +
ul.oe_menu2 div ul li a:hover{
 +
background:#d37c62;/*이걸로 색상 조절*/
 +
color:#fff;
 +
}
 +
 
 +
ul.oe_menu2 li ul{
 +
list-style:none;
 +
float:left;
 +
width: 86px;
 +
margin-right:0px;
 +
}
 +
 
 +
#main
{
{
-
font-family: 'Open Sans', sans-serif;
+
min-height: 100%;
-
font-size:14pt;
+
width: 1024px;
-
color: #08185d;
+
margin: 0 auto;
-
padding:0px 0px 0px 10px;
+
background-color: transparent;
 +
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");
 +
background-repeat:repeat-y;
}
}
-
#kaistcontent #sub-title
+
#main #main-img
{
{
-
font-family: 'Open Sans', sans-serif;
+
position: absolute;
-
color:#848383;
+
width: 1024px;
-
font-size: 15pt;
+
top: -30px;
-
line-height:100%;
+
z-index:0;
-
font-weight:bold;
+
-
font-style:italic;
+
}
}
-
#kaistcontent h1
+
#main a #main-logo
{
{
-
font-family: 'Open Sans', sans-serif;
+
position: absolute;
-
color:#5c5858;
+
top: -30px;
-
font-weight:bold;
+
width: 336px;
-
font-size:24pt;
+
z-index:1;
-
line-height:110%;
+
}
}
-
#kaistcontent ul
+
#main #top-img
{
{
-
list-style-type:disc;
+
position: relative;
-
padding: 0px 0px 0px 30px;
+
top: -5px;
 +
    left:292px;
 +
width:732px;
 +
height: 250px;
 +
z-index: 0;
 +
opacity:0.9;
 +
}
 +
 
 +
div .oe_wrapper{
 +
position:absolute;
 +
z-index:3;
 +
top:275px;
 +
}
 +
div .oe_wrapper2{
 +
position:absolute;
 +
z-index:2;
 +
top:355px;
}
}
-
#kaistcontent li
+
#menucontent
{
{
-
list-style-type:disc;
+
        position: relative;
 +
        background-color:transparent;
 +
        width:690px;
 +
        left:320px;
 +
        top:-75px;
 +
        z-index:2;
 +
        text-align: right;
 +
        opacity:0.8;
}
}
-
#kaistcontent #sub-sub-title
+
#top-img-description
{
{
-
font-family: 'Open Sans', sans-serif;
+
font-size:36px;
-
color:#848383;
+
font-family: 'Qwigley', cursive;
-
font-weight:bold;
+
font-weight:bold;
-
font-size:14pt;
+
}
-
line-height:110%;
+
 
 +
#top-img-description-box
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        top:-115px;
 +
left: 350px;
 +
        z-index:3;
 +
}
 +
 
 +
#horizontal-line
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        width:732px;
 +
height:3px;
 +
        left:292px;
 +
        top:-90px;
 +
        z-index:2;
 +
}
 +
div .contact-us{
 +
position: absolute;
 +
z-index:2;
 +
top:425px;
 +
padding:4px 0px 0px 10px;
 +
width:268px;
 +
}
 +
 
 +
div .contact-us #contact-us-information{
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size:12px;
 +
font-style: italic;
 +
}
 +
 
 +
div .contact-us #contact-us-title{
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size:22px;
 +
line-height:170%;
 +
color:#444444;
 +
font-style: normal;
}
}
</style>
</style>
 +
<script type="text/javascript">
 +
  WebFontConfig = {
 +
    google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }
 +
  };
 +
  (function() {
 +
    var wf = document.createElement('script');
 +
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
 +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
 +
    wf.type = 'text/javascript';
 +
    wf.async = 'true';
 +
    var s = document.getElementsByTagName('script')[0];
 +
    s.parentNode.insertBefore(wf, s);
 +
  })(); </script>
</head>
</head>
<body>
<body>
<div id="main">
<div id="main">
-
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/>
+
<a href="https://2012.igem.org/Team:KAIST_Korea/Enter"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a>
-
<div id="menucontent">
+
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/>
-
 
+
<div class="oe_wrapper">
-
  <img src="https://static.igem.org/mediawiki/2012/2/20/Home_ico.png"/></a>
+
<ul id="oe_menu" class="oe_menu">
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><img class="grey" src="https://static.igem.org/mediawiki/2012/e/ee/Intro_ico.png"/></a>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a>
-
<img src="https://static.igem.org/mediawiki/2012/e/ed/KAIST_Intro_ico_color.png" class="color" />
+
<div style="top:30px;">
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM"><img class="grey" src="https://static.igem.org/mediawiki/2012/c/c0/Igem_ico.png"/></a>
+
<ul style="margin:0 0 0 30px;width:100px;">
-
<img src="https://static.igem.org/mediawiki/2012/b/b5/Igem_ico_color.png" class="color" />
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li>
 +
</ul>
 +
<ul style="width:100px;margin:0px 5px 0px 5px;">
 +
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">TEAM</a>
 +
<div style="left:-91px;top:30px;"><!-- -112px -->
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">KAIST</a></li>
 +
</ul>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">Members</a></li>
 +
</ul>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">PART</a>
 +
<div style="left:-182px;top:30px;">
 +
<ul style="margin:0 0 0 30px;width:100px;">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li>
 +
</ul>
 +
<ul style="width:100px">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">About Bricks</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
</ul>
</div>
</div>
-
 
+
<div class="oe_wrapper2">
-
<div id="top-img-description-box"><span id="top-img-description">Kaist, KI Building</span></div>
+
<ul id="oe_menu2" class="oe_menu2">
-
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a>
-
 
+
<div style="top:24px;left:32px;">
-
<div id="kaistcontent">
+
<ul style="width:100px;height:19px;">
-
<div>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Background</a></li>
-
<img id="starter-grad" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img>
+
</ul>
-
        <h1> Introduction</h1>
+
<ul style="width:100px;height:19px;">
-
 
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li>
-
<span id="sub-title">"There have been attempts to reduce atmospheric level of carbon dioxide in various approaches."</span></br></br>
+
</ul>
-
<span id="starter">S</span>ince the Industrial Revolution, fossil fuels have been used to power industries and machines. As the world gets more industrialized in accordance with population growth, the demand for fossil fuels has grown more than ever. Due to drastic increase of fossil fuel consumption, massive amount of carbon dioxide (CO<sub>2</sub>) has been emitted into the atmosphere and the amount is still growing. As carbon dioxide (CO<sub>2</sub>) is considered to be a significant factor accelerating global warming, there have been numerous attempts to reduce the atmospheric level of carbon dioxide (CO<sub>2</sub>). Administrators have ratified protocols to regulate the emission of carbon dioxide (CO<sub>2</sub>). Scientists have endeavored to figure out ways to reduce this greenhouse gas despite several limitations.
+
<ul style="width:100px;height:19px;">
-
</br></br>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li>
-
<span id="starter">W</span>e, Team KAIST, Korea, suggest an idea of carbon dioxide (CO<sub>2</sub>) fixation with specially engineered bacterial strain which converts atmospheric carbon dioxide (CO<sub>2</sub>) into meaningful biomass as well as consuming it.
+
</ul>
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">NOTEBOOK</a>
 +
<div style="left:-91px;top:30px;"><!-- -112px -->
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li>
 +
</ul>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li>
 +
</ul>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Overview">Overview</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a>
 +
<div style="left:-182px;top:30px;">
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li>
 +
</ul>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li>
 +
</ul>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsor</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
<div class="contact-us">
 +
<div id="contact-us-title">2012 KAIST Korea</div>
 +
<div id="contact-us-information">
 +
Mail : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br>
 +
Twitter : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br>
 +
Facebook : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a>
</div>
</div>
-
</br>
 
-
</br>
 
-
</br>
 
-
 
-
<!--invertase가 없넹;; -->
 
-
 
-
<div>
 
-
<img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img>
 
-
        <h1> Project Overview</h1>
 
-
<span id="sub-title">CO<sub>2</sub> Fixation Pathway and Pathway Switching Module</span></br></br>
 
-
<span id="sub-sub-title"> 1. CO<sub>2</sub> Fixation Pathway</span></br></br>
 
-
<span id="starter">R</span>eductive acetyl-CoA pathway is a pathway for carbon dioxide (CO<sub>2</sub>) fixation in many anaerobes. Acetogenic bacteria, or acetogens, use this pathway to synthesize acetic acid from carbon dioxide. This pathway allows acetogens to grow autotrophically using hydrogen(H<sub>2</sub>) and carbon monooxide(CO) as electron donor and carbon dioxide (CO<sub>2</sub>) as electron acceptor.[1]
 
-
</br></br>
 
-
<span id="starter">B</span>ecause the pathway is non-regenerative, reductive acetyl CoA pathway is a appropriate target pathway to consume atmospheric carbon dioxide (CO<sub>2</sub>). Nowadays, full genome sequences of bunch of acetogens are available. Also, the enzymes consisting the pathway are elucidated allowing us to reconstruct the pathway in Escherichia coli.
 
-
</br></br>
 
-
<i>[1] Environ Microbiol. 2008 October ; 10(10): 2550-2573.</i>
 
-
</br></br></br>
 
-
 
-
<span id="sub-sub-title"> 2. Pathway Switching Module</span></br></br>
 
-
<span id="starter">T</span>hroughout past iGEM competitions, many kinds of bio-modules were proposed and teste. In our project, we are suggesting dual-phase switching module using DNA recombination system that is new to iGEM part registry. With this module we will be able to control metabolic pathway we are targeting.
 
-
</br></br>
 
-
<ul>
 
-
<li> Module Suggestion and Proof of Concept</li>
 
-
<li> Application of Module</li>
 
-
</ul>
 
-
</br>
 
-
<span id="starter">C</span>oupling of suggested module with cell growth and metabolic pathway, we expect our module enable our cells to control their metabolisms according to cell growth.
 
</div>
</div>
</div>
</div>
 +
        <!-- The JavaScript -->
 +
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
 +
        <script type="text/javascript">
 +
            $(function() {
 +
var $oe_menu = $('#oe_menu');
 +
var $oe_menu_items = $oe_menu.children('li');
 +
 +
                $oe_menu_items.bind('mouseenter',function(){
 +
var $this = $(this);
 +
$this.addClass('slided selected');
 +
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
 +
$oe_menu_items.not('.slided').children('div').hide();
 +
$this.removeClass('slided');
 +
});
 +
}).bind('mouseleave',function(){
 +
var $this = $(this);
 +
$this.removeClass('selected').children('div').css('z-index','1');
 +
});
 +
 +
$oe_menu.bind('mouseenter',function(){
 +
var $this = $(this);
 +
$this.addClass('hovered');
 +
}).bind('mouseleave',function(){
 +
var $this = $(this);
 +
$this.removeClass('hovered');
 +
$oe_menu_items.children('div').hide();
 +
})
 +
            });
 +
</script>
 +
<script type="text/javascript">
 +
     
 +
$(function() {
 +
var $oe_menu2 = $('#oe_menu2');
 +
var $oe_menu_items2 = $oe_menu2.children('li');
 +
 +
                $oe_menu_items2.bind('mouseenter',function(){
 +
var $this = $(this);
 +
$this.addClass('slided selected');
 +
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
 +
$oe_menu_items2.not('.slided').children('div').hide();
 +
$this.removeClass('slided');
 +
});
 +
}).bind('mouseleave',function(){
 +
var $this = $(this);
 +
$this.removeClass('selected').children('div').css('z-index','1');
 +
});
-
<script>
+
$oe_menu2.bind('mouseenter',function(){
-
$(document).ready(function(){
+
var $this = $(this);
-
$("img.grey").hover(
+
$this.addClass('hovered');
-
function() {
+
}).bind('mouseleave',function(){
-
$(this).stop().animate({"opacity": "0"}, "slow");
+
var $this = $(this);
-
},
+
$this.removeClass('hovered');
-
function() {
+
$oe_menu_items2.children('div').hide();
-
$(this).stop().animate({"opacity": "1"}, "slow");
+
})
-
});
+
            });
-
});
+
        </script>
-
</script>
+
</body>
</body>
</html>
</html>
-
{{:Team:KAIST_Korea/footer}}
 

Revision as of 02:56, 22 August 2012

Retrieved from "http://2012.igem.org/Team:KAIST_Korea/Home_Intro"