Difference between revisions of "Team:Tokyo-NoKoGen"

 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{TeamTokyoNokogen}}
 
{{TeamTokyoNokogen}}
  
−
<html>
+
<html lang="ja">
 
<style>
 
<style>
 
html, body{
 
html, body{
Line 28: Line 28:
  
 
}
 
}
 +
 
div#box1 /*1段目の箱*/ {
 
div#box1 /*1段目の箱*/ {
 
width:900px;
 
width:900px;
Line 39: Line 40:
 
.overview {
 
.overview {
 
width:600px;
 
width:600px;
−
height:200px;
+
height:300px;
−
margin-top:10px;
+
margin-top:4px;
 
margin-left:10px;
 
margin-left:10px;
−
background:#FFFFff;
+
background:#FFFFCC;
−
border-style: solid;
+
−
border-width:40px;
+
 
display: inline-block; _display: inline;
 
display: inline-block; _display: inline;
 
float:left;
 
float:left;
−
border-color: #ffffcc;
 
 
cursor:pointer;
 
cursor:pointer;
−
}
+
}
 
 
 
.overview2{
 
.overview2{
 
　width:500px;
 
　width:500px;
 
　height:270px;
 
　height:270px;
−
　　　 margin-top:15px;
+
　　　 margin-top:10px;
 
　margin-left:15px;
 
　margin-left:15px;
 
　background:#ffffff;
 
　background:#ffffff;
Line 65: Line 63:
 
.team {
 
.team {
 
width:260px;
 
width:260px;
−
height:135px;
+
height:115px;
 
       position:relative;
 
       position:relative;
 
left:15px;
 
left:15px;
Line 80: Line 78:
 
         .notebook  {
 
         .notebook  {
 
width:260px;
 
width:260px;
−
height:140px;
+
height:130px;
 
position:relative;
 
position:relative;
 
margin-top:5px;
 
margin-top:5px;
Line 138: Line 136:
 
cursor:pointer;
 
cursor:pointer;
 
     　 　}
 
     　 　}
 +
   
  
 
.project {
 
.project {
 
width:650px;
 
width:650px;
−
height:300px;
+
height:260px;
−
margin-top:-300px;
+
margin-top:-290px;
−
margin-right:10px;
+
margin-right:0px;
 
background: #79d480;
 
background: #79d480;
 
float:right;
 
float:right;
Line 204: Line 203:
 
     line-height:2;  
 
     line-height:2;  
 
   }
 
   }
−
h2 {
+
h2{
−
     font-size:20px;
+
     font-size:25px;
 +
    font-family:fantasy;
 +
    text-decoration:underline;
 +
    }
 +
h1{
 +
    font-size:14px;
 +
    font-family:fantasy;
 +
    text-decoration:none;
 +
    line-height: 120%;
 +
    }
 +
 
 +
h3{
 +
    font-size:14px;
 
     font-family:fantasy;
 
     font-family:fantasy;
 
     text-decoration:none;
 
     text-decoration:none;
−
  }
+
    line-height: 120%;
 +
    }
  
 
div#main {
 
div#main {
Line 260: Line 272:
 
     width:30%;
 
     width:30%;
 
     padding:5%;
 
     padding:5%;
−
     border:solid 1px #CCC;
+
     border:solid 0px #CCC;
 
     margin:0px auto 20px;
 
     margin:0px auto 20px;
 
}
 
}
Line 273: Line 285:
 
}
 
}
 
</style>
 
</style>
−
 
 
<div id="wrap">
 
<div id="wrap">
  
Line 283: Line 294:
 
　　<div class="overview">
 
　　<div class="overview">
 
   　　　　　　　  <div class="overview2">
 
   　　　　　　　  <div class="overview2">
−
  　　　　　　　  <h2>Introduction</h2>
+
<div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px; "> <h2>Introduction</h2>
−
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Overview" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor='#e7e7e7' ></a>
+
<img src="https://static.igem.org/mediawiki/2015/e/e6/NK-image1.jpeg" align=right width=150px; height=120px;>
−
  　　　　　　　 
+
<h3>What kind   image do you have when you hear the word “termite”??<br><br>
 +
Actually, this tiny insect has unimaginable voracity. <br>
 +
They cause great damage for human life, but there is no way to exterminate terites completely and safely. <br><br>
 +
To solve this problem, <br>Tokyo-NoKoGen “ExTermite Coli”, a new pesticides for Termites !!<br>
 +
</h3>
 +
 +
</div>  　　　　　　　   
 +
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Overview" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor='#e7e7e7' ></a>
 
   　　　　　　　  </div>
 
   　　　　　　　  </div>
−
　　　　</div>
+
　　　　 </div>
 +
　　　　
 
　　　　
 
　　　　
 
　　<div class="team">
 
　　<div class="team">
−
　  <h2>Team</h2>
+
<div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;"> <h2>Team</h2>
−
　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Team" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
+
<img src="https://static.igem.org/mediawiki/2015/0/0f/NK-image23.jpeg"  width=50px; height=50px;>
−
       　　 </div>  
+
</div>
 +
　 <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Team" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 +
       　　 </div>  
 
       　　  
 
       　　  
 
               <div class="notebook">
 
               <div class="notebook">
−
　<h2>Notebook</h2>
+
<div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 +
  <h2>Protocol</h2>
 +
<img src="https://static.igem.org/mediawiki/2015/5/5e/NK-image11.jpeg" width=50px; height=50px;>
 +
<br>
 +
</div>
 
　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Notebook" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 
　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Notebook" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 
       　　  </div>
 
       　　  </div>
Line 303: Line 328:
 
<div id="box2"/*見えない2段目のボックス*/>　
 
<div id="box2"/*見えない2段目のボックス*/>　
 
<div class="facebook">
 
<div class="facebook">
−
   　　　　　　　<a href="https://www.facebook.com/tokyo.nokogen" target="_blank">
+
   　　　　<p style="position: relative;">
−
  　　　　　　　<p style="position: relative;">
+
  　　　　　　<a href="https://www.facebook.com/tokyo.nokogen" target="_blank">
−
  　　　　　　　 <a href="https://twitter.com/iGEM_Nokogen" target="_blank">
+
   　　　　　　 <img src="https://static.igem.org/mediawiki/2015/c/cc/NK-image17.jpeg" style ="position:absolute; top:0px;left:20px;" width="150" height="100"><br/>
−
   　　　　　　 <img src="https://static.igem.org/mediawiki/2015/8/80/NKtwitter.jpeg" style ="position:absolute;top:3px;left:20px;"width="160" height="90"><br/>
+
 
   　　　　　　<span style="position: absolute; top: 0px; left: 5px; width: 10 px;">
 
   　　　　　　<span style="position: absolute; top: 0px; left: 5px; width: 10 px;">
−
   　　　　　<h2>Twitter</h2>
+
   　　　　　  </span>
−
   　　　　　 </span>
+
  　　　　　　</a>
−
　　　　　　</p>
+
              </p>
−
  　　　　　　　</a>
+
 
   　　</div>
 
   　　</div>
−
  　　<div class="twitter">
+
　　<div class="twitter">
−
   　　　　　　　 <p style="position: relative;">
+
<div style="border: none; background-color: #ffffff; margin: 10px;">    
−
                        <a href="https://twitter.com/iGEM_Nokogen" target="_blank">
+
　　  　　　　　<h2>Twitter</h2>
−
                        <img src="https://static.igem.org/mediawiki/2015/8/80/NKtwitter.jpeg" style ="position:absolute;top:3px;left:25px;"width="150"height="100"><br/>
+
  　　　　　 <p style="position: relative;">
−
                      <span style="position: absolute; top: 5px; left: 5px; width: 10px;">
+
                      <a href="https://twitter.com/iGEM_Nokogen" target="_blank">
−
  　<h2>Twitter</h2>
+
                      <img src="https://static.igem.org/mediawiki/2015/8/80/NKtwitter.jpeg" style ="position:absolute;top:-70px;left:20px;" width="135" height="90">
−
  </span>
+
                      </a>
−
</p>
+
                    </p>
−
</a>
+
                </div>
 
   　　</div>
 
   　　</div>
−
   　　
+
   　　 　　
−
  　　
+
 
  　　 　<div class="project">
 
  　　 　<div class="project">
−
  　　　　　　<h2>project</h2>　
+
　　 　 <div style="padding: 0px; border: none; background-color: #ffffff; margin: 4px;">
−
  　　　　　　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Description" target="_blank"></a> 　　　　　　
+
<h2>project</h2>
 +
  <img src="https://static.igem.org/mediawiki/2015/2/23/NK-image7.jpeg" align=right width=130px; height=80px;>
 +
 
 +
<h3>The exterminateon of termites by ExTermite Coli involves three steps.<br>
 +
We use “pseudo egg” to distribute the engineered E.coli.  Using this unique tool, the engineered E.coli carried into the termite’s body. <br>
 +
In the termite’s body, it  produces toxic material to inhibit the metabolic pathway of the termites and exterminate termites.
 +
After extermination of the termites, ExTermite Coli loses its function by light-induced lysis. <br>
 +
  On the project page, we explain about the details of our project, ExTermite Coli.</h3>
 +
 
 +
                          <span style="position: absolute; top: 5px; left: 5px; width: 10px;"></span>　　　　　　  
 +
  　　　</div>
 +
  　　　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Description" target="_blank"></a>  
 +
 
 
   　　　</div>
 
   　　　</div>
 
      
 
      
 
       <div id="box3"/*見えない3段目のボックス*/>　　
 
       <div id="box3"/*見えない3段目のボックス*/>　　
 
   　　<div class="Ache">
 
   　　<div class="Ache">
−
   　　　　　　　 <h2>Achievement</h2>
+
  　　　　　　　<div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 +
   　　　　　　　<h2>Achievement</h2>
 +
  　　　　　　　  　　　　　　　  　　</div>
 
   　　　　　　　 <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/achievement" target="_blank"></a>  
 
   　　　　　　　 <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/achievement" target="_blank"></a>  
−
  　　</div>
+
</div>
 +
  　　
 +
  　　
 
   　　<div class="Human">
 
   　　<div class="Human">
 +
  　　　　　　　 <div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 
   　　　　　　　 <h2>Human practice</h2>
 
   　　　　　　　 <h2>Human practice</h2>
 +
  　　　　　　　 　</div>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Practices" target="_blank"></a>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Practices" target="_blank"></a>
 
   　　</div>
 
   　　</div>
 +
  　　
 
   　　<div class="parts">
 
   　　<div class="parts">
 +
  　　　　　　　 <div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 
   　　　　　　　 <h2>Parts</h2>
 
   　　　　　　　 <h2>Parts</h2>
 +
</div>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Parts" target="_blank"></a>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Parts" target="_blank"></a>
 
   　　</div>
 
   　　</div>
 +
  　　
 +
  　　
 
   　　 <div class="safety">
 
   　　 <div class="safety">
 +
  　　　　　　　 <div style="padding: 5px; border: none; background-color: #ffffff; margin: 10px;">
 
   　　　　　　　 <h2>Safety</h2>
 
   　　　　　　　 <h2>Safety</h2>
 +
</div>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Safety" target="_blank"></a>
 
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Safety" target="_blank"></a>
−
  　　</div>
+
  　　</div>
 
   　　
 
   　　
 
        
 
        
Line 433: Line 480:
  
 
  div#footer {
 
  div#footer {
−
     position:absolute;
+
    width:900px;
−
     left:-100px;
+
     position:relative;
 +
     left:-12%;
 +
    bottom:-1200px;
 
     background-color:#ffffff;
 
     background-color:#ffffff;
−
    width:100%;
 
−
    bottom:-1400px;
 
 
     border-width: thick;
 
     border-width: thick;
 
border-color: #ADFF2F;
 
border-color: #ADFF2F;
 
border-style:inset;
 
border-style:inset;
 
         }
 
         }
−
 
−
 
 
  div#footer img {
 
  div#footer img {
 
     height:50px;
 
     height:50px;
Line 452: Line 497:
 
     line-height:2;  
 
     line-height:2;  
 
   }
 
   }
−
h2 {
+
 
−
    font-size:20px;
+
 
−
    font-family:fantasy;
+
−
    text-decoration:none;
+
−
  }
+
 
  </style>
 
  </style>
  

Latest revision as of 18:32, 23 November 2015

　　
　 　　
　　　　　　　

Introduction

What kind image do you have when you hear the word “termite”??

Actually, this tiny insect has unimaginable voracity.
They cause great damage for human life, but there is no way to exterminate terites completely and safely.

To solve this problem,
Tokyo-NoKoGen “ExTermite Coli”, a new pesticides for Termites !!

　　　　　　　 　　　　　　　
　　　　
　　　　 　　　　 　　

Team

　 　　
　　

Protocol


　 　　
　 　　 　　 　　 　　 　
　　 　

project

The exterminateon of termites by ExTermite Coli involves three steps.
We use “pseudo egg” to distribute the engineered E.coli. Using this unique tool, the engineered E.coli carried into the termite’s body.
In the termite’s body, it produces toxic material to inhibit the metabolic pathway of the termites and exterminate termites. After extermination of the termites, ExTermite Coli loses its function by light-induced lysis.
On the project page, we explain about the details of our project, ExTermite Coli.

　　　　　　 　　　
　　　 　　　
　　 　　
　　　　　　　
　　　　　　　

Achievement

　　　　　　　 　　　　　　　 　　
　　　　　　　
　　 　　 　　
　　　　　　　
　　　　　　　

Human practice

　　　　　　　 　
　　　　　　　 　　
　　 　　
　　　　　　　
　　　　　　　

Parts

　　　　　　　 　　
　　 　　 　　
　　　　　　　
　　　　　　　

Safety