Team:KAIST-Korea-Test2

From 2011.igem.org

(Difference between revisions)
 
(181 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:KAIST-Korea/header}}
{{:Team:KAIST-Korea/header}}
 +
{{:Team:KAIST-Korea/menu}}
 +
<html>
 +
<head>
 +
<style type="text/css">
-
<HTML>
 
-
<HEAD>
 
-
<SCRIPT LANGUAGE="JavaScript">
 
-
function getTime()
 
-
{
 
-
      now = new Date();
 
-
      dday = new Date("Jul 15 2011 00:00:00");
 
-
      days = (dday - now) / 1000 / 60 / 60 / 24;
 
-
      daysRound = Math.floor(days);
 
-
      hours = (dday - now) / 1000 / 60 / 60 - (24 * daysRound);
 
-
      hoursRound = Math.floor(hours);
 
-
      minutes = (dday - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
 
-
      minutesRound = Math.floor(minutes);
 
-
      seconds = (dday - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
 
-
      secondsRound = Math.round(seconds);
 
-
 
-
      document.timeForm.input1.value = "D - "+daysRound + "      " + hoursRound + ":" + minutesRound + ":" + secondsRound;
 
-
      newtime = window.setTimeout("getTime();", 1000);
 
 +
a:hover {color:#FA8282;}  /* mouse over link */
 +
a:active {color:#FFFFFF;}  /* selected link */
 +
#TagHome{
 +
        position: absolute;
 +
        font-family:Bell MT;
 +
        font-size:12pt;
 +
        left:10px;
 +
        top:-30px;
 +
}
 +
#TagProjects{
 +
        position: absolute;
 +
        font-family:Bell MT;
 +
        font-size:12pt;
 +
        left:70px;
 +
        top:-30px;
}
}
-
</script>
+
#TagOverview{
-
 
+
        position: absolute;
-
<style type="text/css">
+
        font-family:Bell MT;
-
 
+
        font-size:12pt;
-
 
+
        left:130px;
-
div {
+
        top:-30px;
-
font-family:"Arial",Sans-serif; color:white;
+
}
}
-
.widget {
 
-
width:250px;
 
-
margin:10px;
 
-
border-right-style:solid;
 
-
border-width:1px;
 
-
border-color:white;
 
-
}
 
-
p:hover {color:#E6E6E6;}  /* mouse over link */
 
-
p:active {color:#FFFFFF;}  /* selected link */
 
-
#wholebox {
+
#content2{
-
width:450px;
+
top:0px;
-
height:450px;
+
left:10px;
position:relative;
position:relative;
-
top:-80px;
 
-
left:30px;
 
}
}
-
#OpenCountdown{
+
#OpenAbstract{
 +
        font-family:"Times New Roman",Serif;
 +
        color:white;
 +
        text-align:justify;
         width: 500px;
         width: 500px;
-
        position: relative;
 
-
        font-family:"Times New Roman", Serif;
 
-
        font-size:25pt;
 
-
        font-color:white;
 
-
        left:400px;
 
-
        top:150px;
 
-
}
 
-
#timejava{
 
         position:relative;
         position:relative;
-
         left:480px;
+
        top:-100px;
-
         top:300px
+
         left:100px;
 +
         font-size:12pt;
}
}
 +
 +
</style>
</style>
-
</HEAD>
+
<script type=”text/javascript” src=”jquery.js”></script>
 +
<script type=”text/javascript” src=”thickbox/thickbox.js”></script>
 +
<script type=”text/javascript”> var tb_pathToImage = ”thickbox/loadingAnimation.gif”;</script>
 +
<style type=”text/css” media=”screen”>@import “thickbox/thickbox.css”;</style>
-
<BODY onLoad="getTime()" oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
+
</head>
-
<script type="text/javascript">
+
-
var omitformtags=["input", "textarea", "select"]
+
-
omitformtags=omitformtags.join("|")
+
<body>
-
function disableselect(e){
 
-
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
 
-
return false
 
-
}
 
-
function reEnable(){
+
<!--Tag Body-->
-
return true
+
-
}
+
-
if (typeof document.onselectstart!="undefined")
 
-
document.onselectstart=new Function ("return false")
 
-
else{
 
-
document.onmousedown=disableselect
 
-
document.onmouseup=reEnable
 
-
}
 
-
</script>
 
-
<div id="wholebox">
+
<div id="TagHome">
-
<div id="timejava">
+
<a href="https://2011.igem.org/Team:KAIST-Korea">Home > </a>
-
<form name=timeForm>
+
-
<input type=text name=input1 border-style="none" disabled="disabled" style="width: 400px;border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid; font:35pt Times New Roman, Serif; color:white; background-image:url('https://static.igem.org/mediawiki/2011/f/fd/Backgroundtile.jpg');">
+
-
</form>
+
</div>
</div>
-
<div id="OpenCountdown">
+
<div id="TagProjects">
-
<p>E. Casso is an E. coli system engineered into art. This system consists of two types of genetically modified E. coli: the random signal generating E. coli (the “Brush E. coli”) and the color generating E. coli (the “Paint E. coli”).<br>
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Team">Team > </a>
-
<br>
+
</div>
-
The Brush E. coli possesses genes (lasI, luxI, rhlI, and cinI) that produce quorum in its chromosomal DNA. Each Brush E. coli will secrete quorum molecules randomly associated with one of four colors among red, cyan, yellow, and green by a modified Cre-loxP mechanism.<br>
+
-
<br>
+
-
The Paint E.coli possesses plasmid vectors that express one of four colors of fluorescent proteins in response to the type of quorum it receives from the Brush E.coli. The quorum sensing complex completed in the Brush will bind to the ribosome binding site (RBS) of the corresponding fluorescent gene.<br>
+
-
<br>
+
-
Using this system, we can create art on an LP plate with the cells’ “random” contribution.
+
-
</p>
+
 +
<div id="TagOverview">
 +
<a href="https://2011.igem.org/Team:KAIST-Korea/Team/Videos">Videos</a>
 +
</div>
-
<p>
+
 
-
2011 KAIST iGEM Teaser Site Open
+
 
-
</p>
+
<div id="content2">
 +
 
 +
<a href="https://static.igem.org/mediawiki/2011/3/39/%EA%B7%B8%EB%A6%BC2.png" title="2011 KAIST iGEM Team Logo" class="thickbox"><img id="mainclosing" src="https://static.igem.org/mediawiki/2011/3/39/%EA%B7%B8%EB%A6%BC2.png" style="height:100px;"/></a>
 +
<div id="OpenAbstract">
 +
<p style="position:relative; font-size:30pt; color:white; text-align:justify;">E.casso: The Video</p><br>
</div>
</div>
 +
</div>
 +
 +
 +
 +
<div style="position:relative; left:175px; top:-100px; width:670px; padding:10px; background-color:black; border:2px white">
 +
-
<div id="main_closing" style="width:200px; height:400px; position:relative; left:0px; top:0px;">
+
<div id="video″ style="display:none;">
-
<img src="https://static.igem.org/mediawiki/2011/3/39/%EA%B7%B8%EB%A6%BC2.png">
+
<object width="853" height="510"><param name="movie" value="http://www.youtube.com/v/2matH4B9bTo?version=3&amp;hl=ko_KR&amp;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2matH4B9bTo?version=3&amp;hl=ko_KR&amp;hd=1" type="application/x-shockwave-flash" width="853" height="510" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
</div>
 +
<a href=”#TB_inline?height=510&width=853&inlineId=youtubeplayer-20″  class="thickbox" title="Angry Birds: The Movie (Trailer)">
 +
<img src="https://static.igem.org/mediawiki/2011/thumb/4/43/Ecasso-Angry.jpg/800px-Ecasso-Angry.jpg" width=320px; height=190px;"></a>
-
<div class="abstract">
 
 +
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
 +
 +
<a href="#TB_inline?inlineId=video&height=510&width=853" class="thickbox" title="Transformer3 (Trailer)"><img src="https://static.igem.org/mediawiki/2011/thumb/6/61/Example-Transformer3.png/800px-Example-Transformer3.png" width=320px; height=190px;></a>
 +
 +
<div id = "video" style = "display: none;">
 +
<iframe width="853" height="510" src="http://www.youtube.com/embed/3H8bnKdf654?hd=1" frameborder="0" allowfullscreen></iframe>
</div>
</div>
 +
 +
 +
<p style="position:relative; font-size:10pt; color:white; text-align:justify; left:55px;">< Angry Birds : The Movie (Trailer) >    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    < Transformer3 (Trailer) > </p><br>
 +
 +
 +
<a href="#TB_inline?inlineId=video&height=510&width=853" class="thickbox" title="Harry Potter and The Deathly Hallows Part 2 Trailer Official (HD)"><img src="https://static.igem.org/mediawiki/2011/thumb/a/a9/Example-At_Cicago.png/800px-Example-At_Cicago.png" width=320px; height=190px;></a>
 +
 +
<div id = "video" style = "display: none;">
 +
<iframe width="853" height="510" src="http://www.youtube.com/embed/I_kDb-pRCds?hd=1" frameborder="0" allowfullscreen></iframe>
</div>
</div>
-
</BODY>
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
 +
 +
<a href="#TB_inline?inlineId=video&height=510&width=853" class="thickbox" title="New Beastly Movie Trailer  Official"><img src="https://static.igem.org/mediawiki/2011/thumb/a/a6/New_Beastly_Movie_Trailer_-_Official.png/800px-New_Beastly_Movie_Trailer_-_Official.png" width=320px; height=190px;></a>
 +
 +
<div id = "video" style = "display: none;">
 +
<iframe width="853" height="510" src="http://www.youtube.com/embed/Neo6W1f7hyY?hd=1" frameborder="0" allowfullscreen></iframe>
 +
</div>
 +
 +
 +
 +
<p style="position:relative; font-size:10pt; color:white; text-align:justify; left:55px;">< Harry Potter Trailer Official (HD) >    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  < New Beastly Movie Trailer  Official > </p>
 +
 +
 +
</div>
 +
 +
 +
<br>
-
</HTML>
+
</body>

Latest revision as of 14:11, 14 July 2011

Menu
Menu Menu

E.casso: The Video


     

< Angry Birds : The Movie (Trailer) >                                            < Transformer3 (Trailer) >


     

< Harry Potter Trailer Official (HD) >                                    < New Beastly Movie Trailer Official >