Team:KAIST-Korea-Test2

From 2011.igem.org

(Difference between revisions)
 
(161 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:KAIST-Korea/header}}
{{:Team:KAIST-Korea/header}}
-
{{:Team:KAIST-Korea/menu_sub}}
+
{{:Team:KAIST-Korea/menu}}
-
<HTML>
+
<html>
-
<HEAD>
+
<head>
 +
<style type="text/css">
-
<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;
}
}
-
</script>
+
#TagProjects{
 +
        position: absolute;
 +
        font-family:Bell MT;
 +
        font-size:12pt;
 +
        left:70px;
 +
        top:-30px;
 +
}
-
<style type="text/css">
+
#TagOverview{
-
 
+
        position: absolute;
-
 
+
        font-family:Bell MT;
-
div {
+
        font-size:12pt;
-
font-family:"Arial",Sans-serif; color:white;
+
        left:130px;
 +
        top:-30px;
}
}
-
.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:650px;
+
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;
+
         position:relative;
-
         font-family:"Times New Roman", Serif;
+
         top:-100px;
 +
        left:100px;
         font-size:12pt;
         font-size:12pt;
-
        font-color:white;
 
-
        left:0px;
 
-
        top:0px;
 
}
}
-
#OpenAbstract{
 
-
        width: 500px;
 
-
        position: relative;
 
-
        font-family:"Times New Roman", Serif;
 
-
        font-size:20pt;
 
-
        font-color:white;
 
-
        left:400px;
 
-
        top:125px;
 
-
}
 
-
#OpenSafety{
 
-
        width: 500px;
 
-
        position: relative;
 
-
        font-family:"Times New Roman", Serif;
 
-
        font-size:15pt;
 
-
        font-color:white;
 
-
        left:300px;
 
-
        top:30px;
 
-
}
 
 +
</style>
-
#timejava{
+
<script type=”text/javascript” src=”jquery.js”></script>
-
        position:relative;
+
<script type=”text/javascript” src=”thickbox/thickbox.js”></script>
-
        left:480px;
+
<script type=”text/javascript”> var tb_pathToImage = ”thickbox/loadingAnimation.gif”;</script>
-
        top:300px
+
<style type=”text/css” media=”screen”>@import “thickbox/thickbox.css”;</style>
-
}
+
-
a{color:#FF7878}
 
-
</style>
+
</head>
-
</HEAD>
+
<body>
-
<BODY onLoad="getTime()" oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
+
<!--Tag Body-->
-
<script type="text/javascript">
+
-
var omitformtags=["input", "textarea", "select"]
+
-
omitformtags=omitformtags.join("|")
 
-
function disableselect(e){
+
<div id="TagHome">
-
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
+
<a href="https://2011.igem.org/Team:KAIST-Korea">Home > </a>
-
return false
+
</div>
-
}
+
-
function reEnable(){
+
<div id="TagProjects">
-
return true
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Team">Team > </a>
-
}
+
</div>
-
if (typeof document.onselectstart!="undefined")
+
<div id="TagOverview">
-
document.onselectstart=new Function ("return false")
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Team/Videos">Videos</a>
-
else{
+
</div>
-
document.onmousedown=disableselect
+
-
document.onmouseup=reEnable
+
-
}
+
-
</script>  
+
-
<div id="wholebox">
 
 +
<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">
<div id="OpenAbstract">
-
<p>Project Description</p><br>
+
<p style="position:relative; font-size:30pt; color:white; text-align:justify;">E.casso: The Video</p><br>
 +
</div>
 +
</div>
-
<div id="OpenCountdown">
 
-
<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>
 
-
<br>
 
-
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>
 
-
<div id="OpenSafety">
+
<div style="position:relative; left:175px; top:-100px; width:670px; padding:10px; background-color:black; border:2px white">
-
<p><a href = "https://2011.igem.org/Team:KAIST-Korea/Safety">>> go to Safety Issues</a></p>
+
 
 +
 
 +
<div id="video″ style="display:none;">
 +
<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>
 +
 +
 +
 +
&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>
+
<div id = "video" style = "display: none;">
-
<div id="main_closing" style="width:200px; height:400px; position:relative; left:0px; top:-300px;">
+
<iframe width="853" height="510" src="http://www.youtube.com/embed/3H8bnKdf654?hd=1" frameborder="0" allowfullscreen></iframe>
-
<img src="https://static.igem.org/mediawiki/2011/3/39/%EA%B7%B8%EB%A6%BC2.png">
+
</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>
-
<div>
+
 
-
<a href="http://www.youtube.com/embed/2matH4B9bTo" class="thickbox" title="example 1." width="560" height="349">youtube</a>
+
&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>
</div>
-
</BODY>
 
 +
<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 >