Difference between revisions of "Team:UT-Tokyo"

Line 3: Line 3:
 
     <body>
 
     <body>
 
       <div class='main'>
 
       <div class='main'>
 +
        <div id='loader'><img src='./images/loading.gif'></div>
 +
        <div id='preload' class='panel-black'>
 
         <div class='grid home'>
 
         <div class='grid home'>
−
           <div class="grid-item grid-item--width4 grid-item--height4" >
+
 
 +
           <div class="grid-item grid-item--title">
 +
            <span style='background-image:url(./images/title.png);background-size:contain;background-position: center;'></span>
 +
          </div>
 +
          <div class="grid-item grid-item--title">
 +
          </div>
 +
 
 +
          <div class="grid-item grid-item--size4 pattern" >
 
             <canvas width='296' height='296'></canvas>
 
             <canvas width='296' height='296'></canvas>
−
             <script type="text/javascript" src="https://2015.igem.org/Template:UT-Tokyo/Javascript/pattern?action=raw&ctype=text/javascript"></script>
+
             <script src='js/pattern.js'></script>
−
             <div class='canvas-control'>
+
            <!--div id='debug'></div-->
−
              CONTROL
+
            <div class='canvas-control' onclick='onoff()'>
−
               <div class='toggle-sw' onclick='onoff()'></div>
+
              <p>Click here to start Animation</p>
−
               <div class='square-sw' onclick='flush()'></div>
+
            </div>
−
               <div class='square-sw' onclick='flush()'></div>
+
             <div class='canvas-stats'>
 +
               <div class='onoff toggle-sw' onclick='onoff()'></div>
 +
               <div class='msonoff toggle-sw mine' onclick='msOnoff()'></div>
 +
               <div class='reset' onclick='flush()'></div>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
  
 
           <div class="grid-item home">
 
           <div class="grid-item home">
−
             <span style='background-image:url(https://static.igem.org/mediawiki/2015/f/f2/UT_TOKYO_Parts.png)'></span>
+
             <span style='background-image:url(./images/achivement.png)'></span>
 
             <ul>
 
             <ul>
 
             <li><a href='parts.html#introduction'>Introduction<p>this is overviw. write description here.</p></a></li>
 
             <li><a href='parts.html#introduction'>Introduction<p>this is overviw. write description here.</p></a></li>
Line 36: Line 48:
  
  
−
           <div class="grid-item grid-item--width2 grid-item--height2 home">
+
           <div class="grid-item grid-item--size2 home">
 
             <span style='background-image:url(https://static.igem.org/mediawiki/2015/e/e6/UT_TOKYO_Modeling.png)'></span>
 
             <span style='background-image:url(https://static.igem.org/mediawiki/2015/e/e6/UT_TOKYO_Modeling.png)'></span>
 
             <ul>
 
             <ul>
Line 42: Line 54:
 
             <li><a href='modeling.html#ahlecoli'>AHL-E.Coli<p>write description here.</p></a></li>
 
             <li><a href='modeling.html#ahlecoli'>AHL-E.Coli<p>write description here.</p></a></li>
 
             <li><a href='modeling.html#colicin'>Colicin<p>write description here.</p></a></li>
 
             <li><a href='modeling.html#colicin'>Colicin<p>write description here.</p></a></li>
−
             <li><a href='modeling.html#ahlt7'>AHL-T7<p>write description here.</p></a></li>
+
             <li><a href='modeling.html#mathematics'>Mathematics<p>write description here.</p></a></li>
 
             <li><a href='modeling.html#parameters'>Parameters<p>write description here.</p></a></li>
 
             <li><a href='modeling.html#parameters'>Parameters<p>write description here.</p></a></li>
 
             </ul>
 
             </ul>
 
           </div>
 
           </div>
−
           <div class="grid-item grid-item--width2 grid-item--height2 home">
+
           <div class="grid-item grid-item--size2 home">
 
             <span style='background-image:url(https://static.igem.org/mediawiki/2015/e/e5/UT_TOKYO_Experiment.png)'></span>
 
             <span style='background-image:url(https://static.igem.org/mediawiki/2015/e/e5/UT_TOKYO_Experiment.png)'></span>
 
             <ul>
 
             <ul>
−
             <li><a href='experiment.html#parts'>Parts<p>write description here.</p></a></li>
+
            <li><a href='parts.html'>Parts<p>write description here.</p></a></li>
 +
             <li><a href='experiment.html#labnote'>Lab Note<p>write description here.</p></a></li>
 
             <li><a href='experiment.html#protocol'>Protocol<p>write description here.</p></a></li>
 
             <li><a href='experiment.html#protocol'>Protocol<p>write description here.</p></a></li>
−
            <li><a href='experiment.html#result'>Result<p>write description here.</p></a></li>
 
−
            <li><a href='experiment.html#safety'>Safety<p>write description here.</p></a></li>
 
 
             </ul>
 
             </ul>
 
           </div>
 
           </div>
  
−
           <div class="grid-item grid-item--width3 grid-item--height3 home">
+
           <div class="grid-item grid-item--size3 home">
 
             <span style='background-image:url(https://static.igem.org/mediawiki/2015/4/46/UT_TOKYO_Project.png)'></span>
 
             <span style='background-image:url(https://static.igem.org/mediawiki/2015/4/46/UT_TOKYO_Project.png)'></span>
 
             <ul>
 
             <ul>
Line 85: Line 96:
 
           </div>
 
           </div>
  
−
           <div class="grid-item home">
+
           <div class="grid-item home grid-item--size2">
 
             <span style='background-image:url(https://static.igem.org/mediawiki/2015/7/79/UT_TOKYO_Team.png)'></span>
 
             <span style='background-image:url(https://static.igem.org/mediawiki/2015/7/79/UT_TOKYO_Team.png)'></span>
 
             <ul>
 
             <ul>
 
             <li><a href='team.html'>Team<p>write description here.</p></a></li>
 
             <li><a href='team.html'>Team<p>write description here.</p></a></li>
 +
            <li><a href='attribution.html'>Attribution<p>write description here.</p></a></li>
 
             </ul>
 
             </ul>
 
           </div>
 
           </div>
  
−
        </div>
+
          <div class="grid-item grid-item--slide">
 +
            <div id='slide'>
 +
              <ul>
 +
                <li><a><img src="./images/slide/slide-1.jpg" alt="" /></a></li>
 +
                <li><a><img src="./images/slide/slide-2.jpg" alt="" /></a></li>
 +
                <li><a><img src="./images/slide/slide-3.jpg" alt="" /></a></li>
 +
                <li><a><img src="./images/slide/slide-4.jpg" alt="" /></a></li>
 +
              </ul>
 +
            </div>
 +
          </div>
  
−
        <div class='panel'>
+
          <div class="grid-item home">
−
          <h2>PROJECT DESCRIPTION</h2>
+
            <span style='background-image:url(./images/parts.png)'></span>
−
          <p>
+
            <ul>
−
             How do Zebrafish get their stripes? Why do we have only 5 digits on each hand?
+
             <li><a href='team.html'>Team<p>write description here.</p></a></li>
−
          </p>
+
             <li><a href='attribution.html'>Attribution<p>write description here.</p></a></li>
−
          <p>
+
            </ul>
−
          Here's one possible answer: Turing Pattern.
+
           </div>
−
          </p>
+
 
−
          <p>
+
 
−
          Turing Pattern is a type of spatial pattern suggested by the British mathematician <span>Alan Turing
+
        </div>
−
             <q>Alan Turing(1912-1954)<br>A British mathetician. Famous for contribution to computer science.</q></span>.
+
−
          He proposed that these patterns could be created by the network of two chemicals which have different diffusion rate. These two molecules are called the activator and inhibitor.
+
−
          </p>
+
−
          <p>
+
−
          Because of its simplicity, the theory has attracted scientist in many fields, and thus various research has been carried out in the last 60 years.
+
−
          However, it was not easy to prove directly if those patterns are produced by the reaction-diffusion systems or another mechanism.
+
−
          Living systems are so complex that most research was exclusively theoretical. Biologists still face a big problem: identification of proper molecules acting as activator and inhibitor.
+
−
          </p>
+
−
          <p>
+
−
           We therefore reconstructed a Turing system using two advantages of synthetic biology; controllability and biological directness.
+
−
          By letting whole <i>E. Coli</i> cells, whose motility were controlled, communicate with each other, we succeeded in making the whole system work more identically than any previous researches.
+
−
          This project should surely be a great step for understanding more about morphology and some other related fields of science.
+
−
          Now, the new door of synthetic biology has opened and awaits you to come in!
+
−
$\alpha$
+
−
          </p>
+
 
         </div>
 
         </div>
  

Revision as of 21:38, 17 September 2015