Team:Tokyo Tech

From 2012.igem.org

(Difference between revisions)
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 ***
+
<!-- template starting point -->
 +
<html lang="english" xmlns="http://www.w3.org/1999/xhtml" xml:lang="english">
 +
<head>
 +
<meta http-equiv="content-script-type" content="text/javascript" />
 +
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS" />
 +
<style>
 +
<!--
-
<html>
+
div#LeftMenu
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
{
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
color: #000000;
-
This is a template page. READ THESE INSTRUCTIONS.
+
background-color: #C4C4D2;
-
</div>
+
margin: 0px;
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
padding: 0px;
-
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>.
+
left: 2px;
-
</div>
+
width: 150px;
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
float: left;
-
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. 
+
top: 550px;
-
</div>
+
position: static;
-
</div>
+
}
-
</html>
+
 +
div#navigation
 +
{
 +
background-color: #000000;
 +
color: #FFFFFF;
 +
margin: 0;
 +
padding: 0;
 +
position: absolute;
 +
}
 +
 +
ul#TopMenu
 +
{
 +
font-family: Arial, verdana, sans-serif;
 +
list-style: none;
 +
float: left;
 +
height: 30px;
 +
width: 945px
 +
}
 +
 +
ul#TopMenu > li
 +
{
 +
float: left;
 +
position:relative;
 +
padding: 2px 15px 0 0;
 +
list-style: none;
 +
}
 +
 +
ul#TopMenu > li ul
 +
{
 +
background-color: #050505;
 +
color: #FFFFFF;
 +
display: none;
 +
position: absolute;
 +
font-size: 16px;
 +
opacity: 0.8;
 +
list-style: none;
 +
min-width: 100px;
 +
padding: 9px 0 5px 5px;
 +
z-index: 500;
 +
}
 +
 +
#TopMenu > li:hover ul
 +
{
 +
display: inline;
 +
}
 +
 +
#TopMenu > li > ul > li
 +
{
 +
position: relative;
 +
padding: 0 0 5px 5px;
 +
margin: -1px;
 +
}
 +
 +
body
 +
{
 +
background-color: #EFEBEC;
 +
color: #000000;
 +
font-size: 13px;
 +
}
 +
 +
.top
 +
{
 +
top: 0;
 +
left: 0;
 +
clear: both;
 +
height: 190px;
 +
width: 945px;
 +
}
 +
.main
 +
{
 +
position: absolute;
 +
left: 160px;
 +
width: auto;
 +
}
 +
 +
.under_contents
 +
{
 +
position: static;
 +
top: 310px;
 +
margin: 5px 5px 5px 5px;
 +
padding: 0 0 0 0;
 +
 +
}
 +
 +
h1, h2, h3, h4, h5, h6
 +
{
 +
background-color: #00508D;
 +
color:#FFFFFF;
 +
text-align: center;
 +
padding-left: 5px;
 +
clear: both;
 +
}
 +
 +
.footer
 +
{
 +
position: relative;
-
*** End of the alert box *** -->
+
}
 +
 +
.name
 +
{
 +
font-style: italic;
 +
}
 +
#navigation a
 +
{
 +
text-decoration: none;
 +
background-color: transparent;
 +
color: #FFFFFF;
 +
}
 +
 +
#navigation a:hover
 +
{
 +
color: #FF9966;
 +
}
-
<!-- comment
+
p
-
{|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.
+
text-indent: 2em;
-
|[[Image:Tokyo_Tech_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:Tokyo_Tech_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Tokyo_Tech | Team Tokyo_Tech]]
+
-
|}
+
-
comments end -->
+
-
<!--- The Mission, Experiments --->
+
-
<H1 align=center><font size=32 color=blue> Team:Tokyo Tech</font></H1>
+
img.fig
-
<br>
+
{
-
<br>
+
float: right;
-
<br>
+
}
-
----
+
-
<H2 align=center><p>Project No.1:water repellent finishing</p></H2>
+
object
 +
{
 +
float: none;
 +
}
-
PHA is a kind of bio-plastic produced by microbes.It's standard extract can be got after being dissolved in chloroform. It is still a technical challenge to shape PHA because of it's fragility, so we thought of one way to use PHA without shaping it.It is PHA's property of water-repellent. According to the equation of Yang and Wenzel, the bigger the surface area is, the stronger the water-repellency can get. Hence, our goal is to stick PHA on weak water-repellent membrane in order to achieve stronger water-repellency.  
+
-->
 +
</style>
 +
 +
<script type="text/javascript">
 +
<!--
 +
var timeout = 500; //unit: ms
 +
var temp_timer = 0;  //for temp.
 +
var showed_item = 0;  //for temp.
-
----
+
function OpenMenu(elem)
 +
{
 +
StopMenuTimer();
 +
if(showed_item) showed_item.style.display = 'none';
 +
 +
showed_item = elem.getElementsByTagName('ul').item(0);
 +
if(showed_item == null) return;
 +
showed_item.style.display = 'block';
 +
 +
}
 +
 +
function CloseMenu()
 +
{
 +
if(showed_item) showed_item.style.display = 'none';
 +
}
 +
 +
function SetCloseTimer()
 +
{
 +
StopMenuTimer();
 +
temp_timer = window.setTimeout(CloseMenu, timeout);
 +
}
 +
 +
function StopMenuTimer()
 +
{
 +
if(temp_timer)
 +
{
 +
window.clearTimeout(temp_timer);
 +
temp_timer = null;
 +
}
 +
}
 +
 +
function getElementsByClass() {
 +
    var classElements = new Array();
 +
    var allElements = document.getElementsByTagName("*");
 +
    for (i = 0 ; i < allElements.length; i++) {
 +
if (allElements[i].className == 'firstHeading') {
 +
    allElements[i].style.display = 'none';
 +
  // window.alert('発見。');
 +
}
 +
    }
 +
}
 +
 +
window.onload = function() {
 +
getElementsByClass();
 +
var menu = window.document.getElementById('TopMenu');
 +
if(menu==null)
 +
return;
 +
var list = menu.getElementsByTagName('li');
 +
for(i=0; i<list.length; i++)
 +
{
 +
list[i].onmouseover = function(){
 +
OpenMenu(this);
 +
}
 +
 +
list[i].onmouseout = function(){SetCloseTimer();}
 +
list[i].onclick    = function(){
 +
if(showed_item) CloseMenu();
 +
else OpenMenu(this);
 +
}
 +
 +
var n_list = list[i].getElementsByTagName('ul');
 +
for(j=0; j<n_list.length; j++)
 +
{
 +
n_list[j].onmouseout = function(){SetCloseTimer();}
 +
n_list[j].onmouseover= function(){StopMenuTimer();}
 +
}
 +
}
 +
}
 +
//-->
 +
</script>
-
<H2 align=center><p>Project No.2:Romeo and Juliet</p></H2>
+
</head>
 +
<body>
-
Love is like a butterfly. It goes where it pleases and it pleases where it goes. Summer comes and the season of love comes! However, we want to do something special in this summer. We decide to make ''E.Coli'' love like human! In order to achieve this idea, we focused on cell-cell communication between two ''E.Coli''. We are aiming for that by two types of cell-cell communication signals, ''E.Coli'' will be starring in 「Romeo and Juliet」which is among Shakespeare's most popular plays.
+
<!-- top box -->
 +
<div class="top">
 +
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="965" height="150" id="Yourfilename" align="" style="float:none;">
 +
<param name="movie" value="MOVIELINKS">
 +
<param name="quality" value="high">
 +
<param name="bgcolor" value="#FFFFFF">
 +
<embed src="https://static.igem.org/mediawiki/2011/4/4d/Header.swf" quality="high" bgcolor="#FFFFFF" width="965" height="150" name="Yourfilename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
 +
</embed>
 +
</object>
 +
<!-- list of top menu -->
 +
<div id="navigation">
 +
<ul id="TopMenu">
 +
<li id="menu_Home"><a href="https://2012.igem.org/Team:Tokyo_Tech">Home</a></li>
 +
 +
<li id="menu_Project">
 +
Project
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/LINKS3/index.htm">GAME3</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/LINK2/index.htm">GAME2</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/GAME/index.htm">GAME1 Coolers</a></li>
 +
</ul>
 +
</li>
 +
 +
<li id="menu_data_page"><a href="https://2012.igem.org/Team:Tokyo_Tech/DataPage.htm">Data page</a></li>
 +
 +
<li id="menu_Modeling">
 +
Modeling
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Modeling/MODELING/MODELING2">MODELINGTITLE</li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Modeling/MODELING/MODELING2">MODELINGTITLE</li>
 +
</ul>
 +
</li>
 +
 +
<li id="menu_Human Practice"><a href="https://2012.igem.org/Team:Tokyo_Tech/HumanPractice.htm">Human Practice</a></li>
 +
 +
<li id="menu_Sitemap"><a href="https://2012.igem.org/Team:Tokyo_Tech/sitemap.htm">Sitemap</a></li>
 +
 +
<li id="menu_Extra">
 +
More
 +
<ul style="width:210px;">
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Safety">Safety</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Attribution_and_Contributions.htm">Attribution and Contributions</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Notebook">NoteBook</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Team">Team</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Sponsers.htm">Sponsors</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Collaboration.htm">Collaboration</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
<!-- end of top menu -->
 +
</div>
 +
<!-- end of top box -->
-
----
+
<!-- under contents -->
-
<br><br>
+
<p class="under_contents">
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<!-- left menu list -->
-
!align="center"|[[Team:Tokyo_Tech|Home]]
+
<div style="min-height:2550px; float: left">
-
!align="center"|[[Team:Tokyo_Tech/Team|Team]]
+
<div id="LeftMenu" style="top:70px;">
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Tokyo_Tech Official Team Profile]
+
<!--list of page menu: DO NOT WRITE LINKS NOT WRITTEN IN THIS PAGE -->
-
!align="center"|[[Team:Tokyo_Tech/Project|Project]]
+
<ul>
-
!align="center"|[[Team:Tokyo_Tech/Parts|Parts Submitted to the Registry]]
+
<li><a href="#Overall"> Overview: TiTLE</a></li>
-
!align="center"|[[Team:Tokyo_Tech/Modeling|Modeling]]
+
<li><a href="#RPS"> MAINTITLE</a></li>
-
!align="center"|[[Team:Tokyo_Tech/Notebook|Notebook]]
+
<li><a href="#rain"> TITLE3</a></li>
-
!align="center"|[[Team:Tokyo_Tech/Safety|Safety]]
+
<li><a href="#urea"> TITLE2</a></li>
-
!align="center"|[[Team:Tokyo_Tech/Attributions|Attributions]]
+
<li><a href="#manabi"> Human Practice</a></li>
-
|}
+
</ul>
 +
</div><br />
 +
<div style="clear:both;float: left; left: 2px; position: static; width: 146px; top: 50px; border: 2px dotted #ff69b4; color:#ff69b4;">
 +
If you use IE9, please inactivate "Compatibility View". Otherwise, this page will not be displayed correctly.<br />
 +
To turn it OFF, click the button on the right side of the Address bar (if it's blue, it is ON).
 +
</div>
 +
</div>
 +
<!-- main contents -->
 +
<div class="main">
 +
<!-- ############ Write main contents here ############### -->
 +
 +
<!-- page title -->
 +
<h1> iGEM Tokyo Tech 2012 Team </h1>
 +
 
 +
<h2 id="Overall"> Overview: TITLE</h2>
 +
<img src="PHOTO" width="408px" alt="Project Overview" style="float:right;" />
 +
<p>
 +
TEXT
 +
</p>
 +
 +
 
 +
<h2 id="RPS"> MAINTITLE</h2>
 +
<img src="PHOTO" alt="PHOTOTITLE" width="480px" class="fig" />
 +
<p>
 +
TEXT
 +
</p>
 +
 +
<p>
 +
TEXT </p>
 +
 +
<p>
 +
TEXT.  
 +
<a href="LINKS">(see more...)</a>
 +
</p>
 +
 +
<h2 id="rain"> TITLE3</h2>
 +
<img src="PHOTO3" alt="PHOTOWORD" width="480px" class="fig" />
 +
<p>
 +
TEXT<span class="name">WORDS</span> TEXT <span class="name">WORDS</span> TEXT <span class="name">words</span>.  
 +
TEXT
 +
<a href="Links">(see more...)</a>
 +
</p>
 +
 +
<h2 id="urea"> TITLE2</h2>
 +
<img src="PHOTO2" alt="PHOTOTITLE2" width="480px" class="fig" />
 +
<p>
 +
Text <span class="name">WORDS</span>
 +
TEXT </p>
 +
<p>
 +
TEXT.<a href="LINKS">(see more...)</a>
 +
</p>
 +
 
 +
<h2 id="manabi"> Human practice</h2>
 +
<img src="PHOTO" alt="PHOTOTITLE" width="480px" class="fig" />
 +
<p>
 +
TEXT.
 +
<a href="LINKS">(see more...)</a>
 +
</p>
 +
 
 +
<!-- ############ End of main contents ############ -->
 +
</div>
 +
<!-- end of main contents -->
 +
</p>
 +
<!-- end of under contents -->
 +
 
 +
<div style="bottom: 0;left: 30; position:fixed; background-color: #000000; opacity:0.8;">
 +
<a onclick="scrollTo(0,0);return false;" onfocus="this.blur();" style="color:#FFFFFF;">Return to Page Top</a>
 +
</div>
 +
 
 +
<!-- DO NOT WRITE UNDER HERE -->
 +
</body>
 +
</html>

Revision as of 06:17, 9 August 2012


If you use IE9, please inactivate "Compatibility View". Otherwise, this page will not be displayed correctly.
To turn it OFF, click the button on the right side of the Address bar (if it's blue, it is ON).

iGEM Tokyo Tech 2012 Team

Overview: TITLE

Project Overview

TEXT

MAINTITLE

PHOTOTITLE

TEXT

TEXT

TEXT. (see more...)

TITLE3

PHOTOWORD

TEXTWORDS TEXT WORDS TEXT words. TEXT (see more...)

TITLE2

PHOTOTITLE2

Text WORDS TEXT

TEXT.(see more...)

Human practice

PHOTOTITLE

TEXT. (see more...)

Return to Page Top

Retrieved from "http://2012.igem.org/Team:Tokyo_Tech"