Team:KIT-Kyoto/

From 2010.igem.org

(Difference between revisions)
(New page: <html> <head> <script type="text/javascript" src="mootools.js"></script> <script type="text/javascript"> var accordion; var accordionTogglers; var accordionContents; window.onload = ...)
Line 1: Line 1:
 +
 +
{{Template:KIT-Kyoto/menu}}
<html>  
<html>  
<head>  
<head>  
-
<script type="text/javascript" src="mootools.js"></script>
 
<script type="text/javascript">  
<script type="text/javascript">  
-
var accordion;
+
var j$ = jQuery;  
-
var accordionTogglers;
+
-
var accordionContents;
+
   
   
-
window.onload = function() {
+
j$(function(){  
-
accordionTogglers = document.getElementsByClassName('accToggler');
+
  j$(".acc").each(function(){
-
+
    j$("li > a", this).each(function(index){  
-
accordionTogglers.each(function(toggler){
+
      var $this = j$(this);  
-
//remember the original color
+
-
toggler.origColor = toggler.getStyle('background-color');
+
      if(index > 0) $this.next().hide();  
-
//set the effect
+
-
toggler.fx = new Fx.Color(toggler, 'background-color');
+
      $this.click(function(){  
-
});
+
        var params = {height:"toggle", opacity:"toggle"};
-
+
        j$(this).next().animate(params).parent().siblings()  
-
accordionContents = document.getElementsByClassName('accContent');
+
          .children("ul:visible").animate(params);  
-
+
        return false;
-
accordion = new Fx.Accordion(accordionTogglers, accordionContents,{
+
      });
-
//when an element is opened change the background color to blue
+
    });  
-
onActive: function(toggler){
+
  });
-
toggler.fx.toColor('#6899CE');
+
});
-
},
+
-
onBackground: function(toggler){
+
-
//change the background color to the original (green)  
+
-
//color when another toggler is pressed
+
-
toggler.setStyle('background-color', toggler.origColor);
+
-
}
+
-
});
+
-
}
+
</script>  
</script>  
   
   
<style type="text/css">  
<style type="text/css">  
-
*{padding:0px; margin:0px;}
+
ul.acc, ul.acc li ul {  
-
body{font-size:11px; font-family:"Lucida Grande", Arial, sans-serif; color:#6d6d6d;}
+
  width: 965px;  
-
.accToggler{
+
  margin: 0;  
-
margin: 3px auto;
+
  padding: 0;  
-
padding: 3px;
+
  list-style: none;  
-
width: 400px;
+
}  
-
background: #acc95f;
+
-
color: #f4f4f4;
+
ul.acc a{  
-
border: 1px solid #fff;
+
  display: block;  
-
cursor: pointer;
+
  height: 30px;  
-
}
+
  line-height: 30px;  
-
.accContent{
+
  color: #000000;  
-
margin: 0px auto;
+
}
-
width: 400px;
+
-
}
+
ul.acc {  
-
a, a:visited{
+
  background-color:white;  
-
font-family:"Lucida Grande", Arial, sans-serif; color:#6d6d6d;
+
}  
-
}
+
 +
ul.acc li ul {  
 +
  background-color:transparent;  
 +
}  
</style>  
</style>  
-
<title>Accordion with color transition example - solutoire.com</title>  
+
</head>
-
</head>
+
 
 +
<body>  
<body>  
-
<h1 style="text-align:center">Accordion with color transition example - solutoire.com</h1>
+
<p style="width: 960px; margin:10px auto">  
-
<p style="width: 400px; margin:10px auto">  
+
<ul class="acc">  
-
See the 'Javascript used in this example' tab for the options used in this example.
+
  <li><a href="1">Kyoto Institute of Technology</a>  
-
</p>
+
    <ul class="fxmn">  
-
<p class="accToggler">Click me!</p>  
+
      <li><p>
-
<p class="accContent">  
+
 
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eu elit. Sed consequat neque et sapien. In hac habitasse platea dictumst. In hac habitasse platea
+
We are students of '''KIT'''-''Kyoto Institute of Technology''.<br>
-
dictumst. Donec justo dui, aliquam ac, feugiat nec, malesuada ac, enim. Etiam consequat nulla eget metus malesuada tincidunt. Ut ultrices nonummy metus.
+
Our University KIT is one of the National Universities located in Matsugasaki Kyoto, Japan.
-
Pellentesque pharetra neque eu urna. In nec ligula. Curabitur purus ligula, consectetuer id, auctor et, gravida pretium, est. Aenean vitae neque. Integer dolor
+
Kyoto is a very famous city of Japan.It had been Japanese capital for over millenium, and its history has built up its unique, traditional culture.  
-
enim, ultricies semper, ullamcorper at, mollis at, mauris.
+
-
</p>  
+
-
<p class="accToggler">Click me!</p>  
+
-
<p class="accContent">  
+
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eu elit. Sed consequat neque et sapien. In hac habitasse platea dictumst. In hac habitasse platea
+
-
dictumst. Donec justo dui, aliquam ac, feugiat nec, malesuada ac, enim. Etiam consequat nulla eget metus malesuada tincidunt. Ut ultrices nonummy metus.  
+
-
Pellentesque pharetra neque eu urna. In nec ligula. Curabitur purus ligula, consectetuer id, auctor et, gravida pretium, est. Aenean vitae neque. Integer dolor
+
-
enim, ultricies semper, ullamcorper at, mollis at, mauris.
+
-
</p>
+
   
   
-
<p class="accToggler">Javascript used in this example</p>
+
KIT has ties with this traditional culture and industries in Kyoto and has been advancing knowledge in engineering, design, and textile science. By pursuing ‘human-friendly practical science,’ KIT and its two predecessors have been serving our society for over a century.
-
<p class="accContent">
+
 
-
<code>
+
KIT has Drosophila Genetic Resource Center(DGRC). The DGRC collects Drosophila stocks from laboratories all over the world, maintains them, and provides them to researchers upon request. There are only three Drosophila resorce center in the world !
-
var accordion;<br />
+
Drosophila is an essential model organism for life science research as a result of its long-term use in genetic research.
-
var accordionTogglers;<br />
+
KIT has great achievements in this genetic field.
-
var accordionContents;<br /><br />
+
And, KIT has departments not only of science but also of arts. It is rare in Japanese national universities! So KIT has philosophy that we will develop an academic community, which aspires to the fusion of science and art cultivated from the foundation of KIT.
 +
So it is no doubt that KIT is the best university to participate iGEM projects!
   
   
-
window.onload = function() {<br /><br />  
+
KIT encourages students to participate in internships, experience the realm where design and science converge and take part in projects with our partner universities abroad. KIT also promotes collaboration in business and research with industries. The close rapport maintained with area industries over the past 100 years has allowed us to continue to have our fingers on the pulse of Kyoto design and technology.
-
accordionTogglers = document.getElementsByClassName('accToggler');<br /><br />  
+
 
-
+
Finally, KIT financially supports our team.
-
accordionTogglers.each(function(toggler){<br />  
+
 
-
//remember the original color<br />  
+
</p></li>  
-
toggler.origColor = toggler.getStyle('background-color');<br />  
+
    </ul>  
-
//set the effect<br />  
+
  </li>  
-
toggler.fx = new Fx.Color(toggler, 'background-color');<br />  
+
  <li><a href="2">Member</a>  
-
});<br /><br />  
+
    <ul class="fxmn">
-
+
      <li>
-
accordionContents = document.getElementsByClassName('accContent');<br /><br />  
+
 
-
accordion = new Fx.Accordion(accordionTogglers, <br />  
+
<H1> Students <h1>
-
accordionContents,{<br />  
+
 
-
//when an element is opened change the<br />  
+
 
-
//background color to blue<br />  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Aya_Iwaki"><IMG src="https://static.igem.org/mediawiki/2010/6/6c/Iwaki2.gif" onmouseover="this.src='https://static.igem.org/mediawiki/2010/4/4f/Iwaki1.gif'" onmouseout="this.src='https://static.igem.org/mediawiki/2010/6/6c/Iwaki2.gif'"></A><A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Junichi_Sakata"><img src="https://static.igem.org/mediawiki/2010/f/fb/Sakata2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/c/c5/Sakata1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/f/fb/Sakata2.gif'"></A><A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Yuki_Fukuyama"><img src="https://static.igem.org/mediawiki/2010/3/30/Fukuyama2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/1/1a/Fukuyama1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/3/30/Fukuyama2.gif'"></A><A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Satori_Furumichi"><img src="https://static.igem.org/mediawiki/2010/c/c8/Furumichi2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/5/55/Furumichi1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/c/c8/Furumichi2.gif'"></A>
-
onActive: function(toggler){<br />  
+
 
-
toggler.fx.toColor('#6899CE');<br />  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Akiko_Matsubara"><img src="https://static.igem.org/mediawiki/2010/f/fc/Matsubara2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/9/9f/Matsubara1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/f/fc/Matsubara2.gif'"></A>
-
},<br />  
+
 
-
onBackground: function(toggler){<br />  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Fumihiko_Takeuchi"><img src="https://static.igem.org/mediawiki/2010/a/ae/Takeuchi2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/3/36/Takeuchi1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/a/ae/Takeuchi2.gif'"></A>
-
//change the background color to the original (green)<br />  
+
 
-
//color when another toggler is pressed<br />  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Akiko_Kawashima"><img src="https://static.igem.org/mediawiki/2010/c/c5/Kawashima2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/0/05/Kawashima1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/c/c5/Kawashima2.gif'"></A>
-
toggler.setStyle('background-color', toggler.origColor);<br />  
+
 
-
}<br />  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Nakamura_Toyokazu"><img src="https://static.igem.org/mediawiki/2010/e/e4/Nakamura2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/0/05/Nakamura1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/e/e4/Nakamura2.gif'"></A>
-
});<br />
+
 
-
}
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Kazuma_Usui"><img src="https://static.igem.org/mediawiki/2010/f/f9/Usui2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/8/8d/Usui1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/f/f9/Usui2.gif'"></A>
-
</code>  
+
 
-
</p>  
+
<A href="https://static.igem.org/mediawiki/2010/8/80/Yoshimura2.gif"><img src="https://static.igem.org/mediawiki/2010/8/80/Yoshimura2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/7/77/Yoshimura1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/8/80/Yoshimura2.gif'"></A>
-
<p class="accToggler">CSS used in this example</p>  
+
 
-
<p class="accContent">  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Yuka_Adachi"><img src="https://static.igem.org/mediawiki/2010/d/df/Adachi2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/f/f7/Adachi1.jpg'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/d/df/Adachi2.gif'"></A>
-
<code>
+
 
-
.accToggler{<br />  
+
 
-
margin: 3px auto;<br />  
+
<H1> Advisers </H1>
-
padding: 3px;<br />  
+
 
-
width: 400px;<br />  
+
 
-
background: #acc95f;<br />  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Takashi_Yasukawa"><img src="https://static.igem.org/mediawiki/2010/5/50/Yasukawa2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/0/0b/Yasukawa1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/5/50/Yasukawa2.gif'"></A>
-
color: #f4f4f4;<br />  
+
 
-
border: 1px solid #fff;<br />  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Yuta_Ushijima"><img src="https://static.igem.org/mediawiki/2010/1/1c/Ushijima2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/8/83/Ushijima1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/1/1c/Ushijima2.gif'"></A>
-
cursor: pointer;<br />  
+
 
-
}<br /><br />  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Koichi_Eguchi"><img src="https://static.igem.org/mediawiki/2010/c/c5/Eguchi2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/f/f9/Eguchi1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/c/c5/Eguchi2.gif'"></A>
-
.accContent{<br />  
+
 
-
margin: 0px auto;<br />  
+
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Takahiro_Konishi"><img src="https://static.igem.org/mediawiki/2010/4/40/Konishi2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/3/39/Konishi1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/4/40/Konishi2.gif'"></A>
-
width: 400px;<br />  
+
 
-
}<code>  
+
 
-
</p>  
+
 
-
<p style="width: 400px; margin:10px auto;text-align:center">  
+
<H1> Instructors </h1>
-
&copy;2006 <b><a href="http://www.solutoire.com">solutoire.com</a></b>  
+
 
-
</p>  
+
 
 +
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Daishi_Kitazawa"><img src="https://static.igem.org/mediawiki/2010/a/a2/Kitazawa2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/8/80/Kitazawa1.jpg'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/a/a2/Kitazawa2.gif'"></A>
 +
 
 +
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Hiroshi_Yanai"><img src="https://static.igem.org/mediawiki/2010/c/c0/Yanai2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/4/4a/Yanai1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/c/c0/Yanai2.gif'"></A>
 +
 
 +
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Teppei_Hirayabu"><img src="https://static.igem.org/mediawiki/2010/3/33/Hirayabu2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/b/b8/Hirayabu1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/3/33/Hirayabu2.gif'"></A>
 +
 
 +
 
 +
 
 +
<H1> Teachers </H1>
 +
 
 +
 
 +
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Masamitsu_Yamaguchi"><img src="https://static.igem.org/mediawiki/2010/3/34/Yamaguchi2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/6/6b/Yamaguchi1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/3/34/Yamaguchi2.gif'"></A>
 +
 
 +
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Shingo_Izawa"><img src="https://static.igem.org/mediawiki/2010/6/6a/Izawa2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/b/bb/Izawa1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/6/6a/Izawa2.gif'"></A>
 +
 
 +
 
 +
 
 +
<H1> Designers </H1>
 +
 
 +
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Naoya_Kokado"><img src="https://static.igem.org/mediawiki/2010/f/fe/Kokado2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/4/44/Kokado1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/f/fe/Kokado2.gif'"></A>
 +
 
 +
<A href="https://2010.igem.org/Team:KIT-Kyoto/Team-Miki_Tsuchida"><img src="https://static.igem.org/mediawiki/2010/2/25/Tsuchida2.gif" border="0" onMouseOver="this .src='https://static.igem.org/mediawiki/2010/6/63/Tsuchida1.gif'"onMouseOut="this .src='https://static.igem.org/mediawiki/2010/2/25/Tsuchida2.gif'"></A>
 +
 
 +
 
 +
 
 +
</li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="3">category3</a>  
 +
    <ul class="fxmn">
 +
      <li><p></
 +
 
 +
 
 +
 
 +
p></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
 
 +
 
</body>  
</body>  
</html>
</html>
 +
 +
{{Template:KIT-Kyoto-1}}

Revision as of 08:12, 11 September 2010



  • Kyoto Institute of Technology

    • We are students of '''KIT'''-''Kyoto Institute of Technology''.
      Our University KIT is one of the National Universities located in Matsugasaki Kyoto, Japan. Kyoto is a very famous city of Japan.It had been Japanese capital for over millenium, and its history has built up its unique, traditional culture. KIT has ties with this traditional culture and industries in Kyoto and has been advancing knowledge in engineering, design, and textile science. By pursuing ‘human-friendly practical science,’ KIT and its two predecessors have been serving our society for over a century. KIT has Drosophila Genetic Resource Center(DGRC). The DGRC collects Drosophila stocks from laboratories all over the world, maintains them, and provides them to researchers upon request. There are only three Drosophila resorce center in the world ! Drosophila is an essential model organism for life science research as a result of its long-term use in genetic research. KIT has great achievements in this genetic field. And, KIT has departments not only of science but also of arts. It is rare in Japanese national universities! So KIT has philosophy that we will develop an academic community, which aspires to the fusion of science and art cultivated from the foundation of KIT. So it is no doubt that KIT is the best university to participate iGEM projects! KIT encourages students to participate in internships, experience the realm where design and science converge and take part in projects with our partner universities abroad. KIT also promotes collaboration in business and research with industries. The close rapport maintained with area industries over the past 100 years has allowed us to continue to have our fingers on the pulse of Kyoto design and technology. Finally, KIT financially supports our team.

  • Member

    • Students

      Advisers

      Instructors

      Teachers

      Designers

  • category3


Retrieved from "http://2010.igem.org/Team:KIT-Kyoto/"