Difference between revisions of "Team:Tokyo Tech/Team"

Line 6: Line 6:
 
<head>
 
<head>
 
     <meta charset="UTF-8" />
 
     <meta charset="UTF-8" />
 +
    <script type="text/javascript" src="/Users/Ryuta/Downloads/dokuwiki/lib/scripts/jquery/jquery.js"></script>
 
     <style type="text/css">
 
     <style type="text/css">
 
<!--
 
<!--
 +
/********************** All style of this page ************************/
 
body{
 
body{
 
     background: #052d5d;
 
     background: #052d5d;
−
     background-image: url("https://static.igem.org/mediawiki/2016/5/50/Background_1.png");
+
     background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
−
     background-size: 60%;
+
     background-size: 75%;
 
}
 
}
 
#globalWrapper, #content{
 
#globalWrapper, #content{
Line 17: Line 19:
 
}
 
}
 
#content{
 
#content{
−
//   background: #052d5d;
+
//   background: #052d5d;
−
//   background-image: url("https://static.igem.org/mediawiki/2016/5/50/Background_1.png");
+
//   background-image: url("hhttps://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     border: 0px solid #052d5d;
 
     border: 0px solid #052d5d;
 
}
 
}
 +
 +
/************************* About Layout ******************************/
 
#main_contents{
 
#main_contents{
 
     margin: 0 auto;
 
     margin: 0 auto;
Line 27: Line 31:
 
     min-width: 880px;
 
     min-width: 880px;
 
     max-width: 1100px;
 
     max-width: 1100px;
−
    background: #052d5d;
+
//    background: #052d5d;
−
    border:1px solid #052d5d;
+
//    border:1px solid #052d5d;
 
}
 
}
 
.container{
 
.container{
 
     margin: 5px auto;
 
     margin: 5px auto;
 
     background: #ffffff;
 
     background: #ffffff;
 +
}
 +
.container_top h1{
 +
margin-top: 1px;
 +
font-size: 36px;
 
}
 
}
 
.member_header{
 
.member_header{
Line 46: Line 54:
 
#member_list{
 
#member_list{
 
     width: 790px;
 
     width: 790px;
 +
    margin: 0 auto;
 
}
 
}
 
#member_list li{
 
#member_list li{
 
     display: inline-block;
 
     display: inline-block;
−
     width: 15%;
+
     margin: 0 0.5% 0 0.5%;
 
     float: left;
 
     float: left;
 +
}
 +
#member_list li:nth-child(11n){
 +
    margin: 0 10.5% 0 0.5%;
 +
}
 +
#member_list li:nth-child(11n+1){
 +
    margin: 0 0.5% 0 2.5%;
 +
}
 +
#member_list li:nth-child(11n+6){
 +
    margin: 0 2.5% 0 0.5%;
 +
}
 +
#member_list li:nth-child(11n+7){
 +
    margin: 0 0.5% 0 10.5%;
 
}
 
}
 
#member_list li a{
 
#member_list li a{
Line 57: Line 78:
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
 +
/*
 
#member_list li a:hover{
 
#member_list li a:hover{
 
     background: #cccccc;
 
     background: #cccccc;
 
}
 
}
 +
*/
 
#member_contents{
 
#member_contents{
−
     min-width: 800px;
+
     width: 800px;
−
     padding-top: 5px;
+
     margin: 0 auto;
−
     font-family: 'Century', serif;
+
     border-top: 1px solid #052d5d;
−
     font-size: 18px;
+
     padding-top: 20px;
−
    line-height: 1.3em;
+
−
    color: #808080;
+
 
     clear: both;
 
     clear: both;
 
}
 
}
 
#member_image{
 
#member_image{
−
     width: 280px;
+
     width: 210px;
 
     height: 200px;
 
     height: 200px;
−
     margin-left: 10px;
+
     margin-left: 9px;
 
     margin-right: auto;
 
     margin-right: auto;
 +
    padding-left: 80px;
 
     float: left;
 
     float: left;
 
}
 
}
 
#member_profile{
 
#member_profile{
−
     width: 500px;
+
     width: 490px;
−
     height: 200px;
+
     height: 170px;
 
     margin-left: auto;
 
     margin-left: auto;
−
     margin-right: 10px;
+
     margin-right: 9px;
 +
    padding-top: 0px;
 
     float: left;
 
     float: left;
−
}
 
−
#member_profile table{
 
−
    border: 0 solid #ffffff;
 
−
    border-collapse: collapse;
 
 
}
 
}
 
#member_comment{
 
#member_comment{
 
     height: 200px;
 
     height: 200px;
 
     margin: 0 10px;
 
     margin: 0 10px;
−
     padding: 10px auto;
+
     padding: 18px;
 
     clear: both;
 
     clear: both;
 
}
 
}
 +
 +
/*************************** About Image ************************/
 
.on{
 
.on{
 
     border: 3px solid #000000;
 
     border: 3px solid #000000;
Line 99: Line 120:
 
     border: 3px solid #ffffff;
 
     border: 3px solid #ffffff;
 
}
 
}
 +
.profile_image{
 +
    position: relative;
 +
}
 +
.profile_image .caption{
 +
    font-size: 130%;
 +
    color: #ffffff;
 +
    text-align: center;
 +
}
 +
.profile_image .mask{
 +
    width: 100px;
 +
    height: 100px;
 +
    position: absolute;
 +
    border: 3px solid transparent;
 +
    top: 0;
 +
    left: 0;
 +
    opacity: 0;
 +
    background-color: rgba(0,0,0,0.4);
 +
    -webkit-transform: rotateX(-180deg);
 +
    transform: rotateX(-180deg);
 +
    -webkit-transiton: all 0.6s ease;
 +
    transition: all 0.6s ease;
 +
}
 +
.profile_image:hover .mask{
 +
    -webkit-transform: rotateX(0deg);
 +
    transition: rotateX(0deg);
 +
    opacity: 1;
 +
}
 +
 +
/*************************** others *****************************/
 
.profile_header{
 
.profile_header{
 
     text-align:right;
 
     text-align:right;
−
     color: #7f7f7f;
+
     color: #000000;
 
}
 
}
 
.table_left{
 
.table_left{
 
     float: left;
 
     float: left;
−
     width: 100px;
+
     width: 110px;
 
     text-align: right;
 
     text-align: right;
 
     margin-right: auto;
 
     margin-right: auto;
Line 112: Line 162:
 
.table_right{
 
.table_right{
 
     float: right;
 
     float: right;
−
     width: 390px;
+
     width: 370px;
 
     text-align: left;
 
     text-align: left;
 
     margin-left: auto;
 
     margin-left: auto;
Line 120: Line 170:
 
     clear: both;
 
     clear: both;
 
}
 
}
 +
.comment_text{
 +
    text-indent: 18px;
 +
    text-align: justify;
 +
}
 +
.content{
 +
    width: 800px;
 +
    margin: 0 auto;
 +
    padding-bottom: 5px;
 +
}
 +
.size_text{
 +
    font-family: 'Century', serif;
 +
    font-size: 18px;
 +
    color: #000000;
 +
    line-height: 1.5em;
 +
}
 +
.name{
 +
    margin-top: 5px;
 +
    padding-left: 20px;
 +
    font-family: 'arial block', sans-serif;
 +
    font-size: 30px;
 +
    color: #000000;
 +
}
 +
 
--></style>
 
--></style>
 
</head>
 
</head>
 
<body>
 
<body>
 
     <div id="main_contents">
 
     <div id="main_contents">
−
     <div id="team_page_header" class="container">
+
     <div id="team_page_header" class="container container_top">
 
<h1 align="center">About Us</h1>
 
<h1 align="center">About Us</h1>
 
     </div><!-- /team_page_header -->
 
     </div><!-- /team_page_header -->
 
     <div id="student" class="container">
 
     <div id="student" class="container">
 
<div id="student_header" class="member_header">
 
<div id="student_header" class="member_header">
−
    <h2><span>Team Members</span></h2>
+
    <h1><span>Team Members</span></h1>
 
</div><!-- /student_header -->
 
</div><!-- /student_header -->
−
<div id="member_list_division">
+
<div id="member_list_division" class="content">
 
    <ul id="member_list">
 
    <ul id="member_list">
 
    </ul><!-- /member_list -->
 
    </ul><!-- /member_list -->
 
</div><!-- /member_list_division -->
 
</div><!-- /member_list_division -->
−
<div id="member_contents">
+
<div id="member_contents" class="content size_text">
 
    <div id="member_image"></div><!-- /member_image -->
 
    <div id="member_image"></div><!-- /member_image -->
 
    <div id="member_profile"></div><!-- /member_profile -->
 
    <div id="member_profile"></div><!-- /member_profile -->
Line 144: Line 217:
 
     <div id="instructor" class="container">
 
     <div id="instructor" class="container">
 
<div id="instructor_header" class="member_header">
 
<div id="instructor_header" class="member_header">
−
    <h2><span>Instructors</span></h2>
+
    <h1><span>Instructors</span></h1>
 
</div><!-- /intstructor_header -->
 
</div><!-- /intstructor_header -->
−
<div id="instructor_content">
+
<div id="instructor_content" class="content size_text">
−
    <p class="name"></p>
+
    <p class="name">Nobutaka Nakashima</p>
 +
    <p class="name">Masayuki Yamamura</p>
 +
    <p class="name">Nobuhiro Hayashi</p>
 +
    <p class="name">Yoichi Tagawa</p>
 +
    <p class="name">Daisuke Kiga</p>
 
</div><!-- /instructor_contetn -->
 
</div><!-- /instructor_contetn -->
 
     </div><!-- /instructor -->
 
     </div><!-- /instructor -->
Line 153: Line 230:
 
     <div id="college" class="container">
 
     <div id="college" class="container">
 
<div id="college_header" class="member_header">
 
<div id="college_header" class="member_header">
−
    <h2><span>College</span></h2>
+
    <h1><span>College</span></h1>
 
</div><!-- /college_header -->
 
</div><!-- /college_header -->
−
<div id="college_contents">
+
<div id="college_contents" class="content size_text">
 +
    <p class="comment_text">As one of Japan's top universities, Tokyo Institute of Technology seeks to contribute to civilization, peace and prosperity in the world, and aims at developing global human capabilities par excellence through pioneering research and education in science and technology, including industrial andsocial management.
 +
    To achieve this mission, we have an eye on educating highly moral students to acquire not only scientific expertise but also expertise in the liberal arts, and a balanced knowledge of the social sciences and humanities, all while researching deeply from basics to practice with academic mastery.
 +
Through these activities, we wish to contribute to global sustainability of the natural world and the support of human life.</p>
 
    <a href="http://www.titech.ac.jp/english/about/overview/mission.html">About Tokyo Tech</a>
 
    <a href="http://www.titech.ac.jp/english/about/overview/mission.html">About Tokyo Tech</a>
 
</div><!-- /college_contents -->
 
</div><!-- /college_contents -->
Line 167: Line 247:
 
      
 
      
 
     // Number of member
 
     // Number of member
−
     var member_num = 2;
+
     var member_num = 22;
 
      
 
      
 
     // Selected Number
 
     // Selected Number
 
     var now_sel = -1;
 
     var now_sel = -1;
 +
   
 +
    // String constant
 +
    var BT = "Biotechnology";
 +
    var BS = "Bioscience";
 +
    var BE = "Bioengineering";
 +
    var BME = "Biomolecule Engineering";
 +
    var BAB = BT + " and " + BS;
 +
    var EN = "Enginerring";
 +
    var SG = "7 Group";
 
      
 
      
 
     /**
 
     /**
Line 177: Line 266:
 
     */
 
     */
 
     var images = [
 
     var images = [
−
"http://blog-imgs-95.fc2.com/s/a/s/sasasasasa339/254979_439248012823160_582673604_n.jpg",  
+
"http://sasasasasa339.web.fc2.com/NoImage.png",
−
"http://blog-imgs-95.fc2.com/s/a/s/sasasasasa339/U3kohmwj.jpg"
+
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",  
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png",
 +
"http://sasasasasa339.web.fc2.com/NoImage.png"
 
     ];
 
     ];
 
      
 
      
Line 186: Line 295:
 
     *  Second element is school
 
     *  Second element is school
 
     *  Third element is department
 
     *  Third element is department
−
     *  Fourth element is cource (somethime null)
+
     *  Fourth element is cource (sometime null)
 
     */
 
     */
 
     var profiles = [
 
     var profiles = [
−
// for member1
+
["Kazuki Fijisawa", BAB, BT, BME],
−
["Member1", "Biotechnology and Bioscience", "Biotechnology", "Biomolecule Engineering"],
+
["Yuya Netsu", BAB, BT, BE],
−
// for member2
+
["Hiro Kondo", BAB, BT, BE],
−
["Member2", "Technology", "Computer Science", null]
+
["Kentaro Akiyama", BAB, BT, BME],
 +
["Shunya Akiyama", "Science", "Physics", null],
 +
["Ryuta Sasaki", EN, "Computer Science", null],
 +
["Mizuki Tabata", BAB, BT, BME],
 +
["Hazuki Hasegawa", BAB, BS, null],
 +
["Nae Fu", BAB, BT, null],
 +
["Miki Nishimori", BAB, BT, null],
 +
["Ayako Tamaki", BAB, BT, null],
 +
["Narumi Ogawa", BAB, BT, null],
 +
["Mako Kono", BAB, BS, null],
 +
["Maoko Takenoshita", BAB, BS, null],
 +
["Nozomi Takeue", BAB, BT, null],
 +
["Kengo Nakahara", BAB, BT, null],
 +
["Jiwasan Sun", BAB, BS, null],
 +
["Koji Nishikawa", EN, "Organic and Polymetic Metarials", null],
 +
["Xin Guo", EN, "International development of Engineering", null],
 +
["Alex Llacsahuanga", EN, "Mechanical Engineering", null],
 +
["Hajime Fujita", BAB, SG, null],
 +
["Yoshio Takata", BAB, SG, null]
 
     ];
 
     ];
 
      
 
      
Line 199: Line 326:
 
     */
 
     */
 
     var comments = [
 
     var comments = [
−
         // for member1
+
         // for Kazuki Fujisawa
−
"I'm interested in iGEM.",
+
"I am a junior and I don't have much time left before entering a laboratory. Therefore, I decided to participate in iGEM in order to achieve what I need in the laboratory. I would like to get experiment skills. I also want to stimulus from foreign students and use the experience in my future.",
−
// for member2
+
// for Yuya Netsu
−
"The reason I took part in iGEM is..."
+
"I decided to participate in iGEM because I would like to acquire skills in laboratories and also learn from foreign students. I am constructing parts for iGEM. I hope this experience will be helpful in the future.",
 +
// for Hiro Kondo
 +
"Actually, I have been at National Institute of Technology, Collage for 5 years. In this iGEM, I would like to contribute to our team by my knowledge and skill that I had acquired there. On the other hand, I would like to acquire new knowledge and skills through seeing the presentation of other teams.",
 +
// for Kentaro Akiyama
 +
"iGEM enhances my creativity and increases my interest in genetic engineering. I would like to actively apply the knowledge learned in the university lectures to the iGEM. Thereby, I make an effort to prepare and analyze the theoretical gene circuit. In addition, it is also the charm of iGEM to work on our project cooperatively with members of the team.\nI will try my best to be a meaningful activity with my friends.",
 +
// for Shunya Akiyama
 +
"I love mathematical biology and physics.",
 +
// for Ryuta Sasaki
 +
"What is the most interesting thing of out project for me has potential for design for an algorithm. Probably, that has a great influence on computer science, in which I am majoring. For instance, the biological algorithm does not require electric power than the computer’s algorithm, and this means the biological one may save electric power and resources, which is one of technological problems for using and contracting computer. The iGEM makes me realize that biology and synthetic biology are similar to computer science in the view of design for an algorithm.",
 +
// for Mizuki Tabata
 +
"iGEM provides an opportunity to apply my knowledge and to get to know cool students, so I am very happy to get involved in iGEM. I am looking forward to seeing the great presentations of the other teams. ",
 +
// for Hazuki Hasegawa
 +
"I love biology, especially botany and developmental engineering. In the future, I would like to engineer the animal cell with photosynthetic capacity and do photosynthesis by myself in future. I am very looking forward to talking with students who love biology from all over the world!",
 +
// for Nae Fu
 +
"I tried to think of what I would like to do by participating in iGEM. I want to talk with a lot of people. I would like to be friends with many people. I'm not good at English, but I make the utmost effort, so everyone please come to see the stage of our team and let's chat with me.",
 +
// for Miki Nishimori
 +
"Do you like living things? Of course, I really like them!! I wanted to study bioscience when I was a high school student. However I found the fun in studying engineering, so I study biotechnology in Tokyo Tech now. I'm not good at English, but I would like to talk with foreign students. I will do my very best, so I hope to receive your support. By the way, I am a geek. So I welcome the topic of kawaii girl in cartoon.",
 +
// for Ayako Tamaki
 +
"I have decided to participate in the iGEM competition, because it is nice to work in a motivated team and it is a great opportunity to do our own research project in this early stage of our study. I hope to make the most of my experience during iGEM in the future.",
 +
// for Narumi Ogawa
 +
"I took part in this project to learn what we can’t study in classes. At first I joined this team as a member in charge of the modeling, in the middle I moved to modeling member because I’m so interested in mathematical biology.\nLastly when you give me a chocolate, please never choose the brown-chocolate. I hate that!",
 +
// Mako Kono
 +
"Activities in iGEM have increased my knowledge and made me powerful. I am sure that I grow up mentally and develop the knowledge. I would like to enjoy having action with my group members, and listening other team projects in a tournament. I am looking forward to meeting you!",
 +
// for Maoko Takenoshita
 +
"I am proud of being able to participate in iGEM 2016 as a member of Tokyo Tech. I would like to absorb everything I experience through iGEM and make the most of this wonderful opportunity.",
 +
// for Nozomi Takeue
 +
"I participate in various activities this year. I particularly would like to improve the ability of speaking and debate by using English through the activities of iGEM. It is convinced that the experience of this activity will help for my research activity in the future.I would like to communicate with members of other teams participating iGEM this year. Thank you for reading!",
 +
// for Kengo Nakahara
 +
"I decided to participate in iGEM in that I can experience many things. For example, I can learn skills about experiment, English and Biology. In addition, iGEM needs team work, so I think it is very unusual experience for me. For these reasons, I decided to participate in iGEM.",
 +
// for Jiawan Sun
 +
"The reason why I participate in this competition is that I can have an idea, create a project and make a presentation in front of the students from all over the word. Through building gene circuit and reading paper, I can acquire the knowledge and also learn manner of doing research. By cooperating with team members, I can also improve my communication skills，and pursue the better team work.",
 +
// for Koji Nishikawa
 +
"I am an undergraduate student of Department of Organic and Polymeric Materials. I decided to participate in iGEM because I thought it was a good opportunity to improve my ability, culture and knowledge, and interchange with people from all over the world.",
 +
// for Xin Guo
 +
"In my idea iGEM is about learning by oneself as well as learning from one's teammates, both of which are precious experience in my life. Through this process I got not only the knowledge about biology and modeling but also about how to work in a team. Achieving the skill of expressing my ideas precisely is one of my biggest goals in iGEM, and I believe it will definitely contribute to my following study life.",
 +
// for Alex Llacsahuanga
 +
"I am a Mechanical Engineering student at the Tokyo Institute of Technology, however, I don`t only like mechanics but engineering itself. That`s why, considering that the iGEM is an International synthetic biology competition and it is not directly related to my main course of studies, I saw the iGEM as an opportunity to expand my overall knowledge. Nevertheless, the more I got into it the more I realized that it is not only a biology competition, but an engineering one.",
 +
// for Hajime Fujita
 +
"Tokyo Tech is known as one of top universities in Asia, but from a global perspective, there is room for the further development of the quality and diversity of research in the field of Life Science. Participating in iGEM Jamboree, I want to exchange opinions with those who I will compete with in the field of Life Science in the near future.",
 +
// for Yoshio Takata
 +
"I'm so glad to join iGEM competition. I think iGEM provides me a chance of improving my English ability and expanding my knowledge. In iGEM, I would like to interact with students from all over the world and receive a lot of stimulation. Let's be friends!"
 
     ];
 
     ];
 
      
 
      
Line 225: Line 392:
 
     // The function to write profile
 
     // The function to write profile
 
     function write_profile(index){
 
     function write_profile(index){
 +
/*
 +
var out = '<table rules="none">'
 +
+ '<tr><td class="profile_header">Name:</td><td>' + profiles[index][0] + '</td></tr>'
 +
+ '<tr><td class="profile_header">School:</td><td>' + profiles[index][1] + '</td></tr>'
 +
+ '<tr><td class="profile_header">Department:</td><td>' + profiles[index][2] + '</td></tr>';
 +
if(profiles[index][3] != null){
 +
    out += '<tr><td class="profile_header">Course:</td><td>' + profiles[index][3] + '</td></tr>';
 +
}
 +
out += '</table>';
 +
*/
 +
 
// Despite table, use div  
 
// Despite table, use div  
 
var has_course = (profiles[index][3] != null);
 
var has_course = (profiles[index][3] != null);
 +
/*
 
var out = '<div class="table">'
 
var out = '<div class="table">'
 
+ '<div class="table_left">Name:<br />School:<br />Department:';
 
+ '<div class="table_left">Name:<br />School:<br />Department:';
 +
*/
 +
var out = '<div class="table"><p class="name">' + profiles[index][0]
 +
+ '</p><div class="table_left">School:<br />Department:';
 
if(has_course){
 
if(has_course){
 
    out += '<br />Course:';
 
    out += '<br />Course:';
 
}
 
}
 
out += '</div><!-- /table_left -->';
 
out += '</div><!-- /table_left -->';
 +
/*
 
out += '<div class="table_right">'
 
out += '<div class="table_right">'
 
    +  profiles[index][0] + '<br />' + profiles[index][1] + '<br />' + profiles[index][2];
 
    +  profiles[index][0] + '<br />' + profiles[index][1] + '<br />' + profiles[index][2];
 +
*/
 +
out += '<div class="table_right">'
 +
    +  profiles[index][1] + '<br />' + profiles[index][2];
 
if(has_course){
 
if(has_course){
 
    out += '<br />' + profiles[index][3];
 
    out += '<br />' + profiles[index][3];
Line 245: Line 431:
 
     // The function to write comment
 
     // The function to write comment
 
     function write_comment(index){
 
     function write_comment(index){
−
document.getElementById("member_comment").innerHTML = comments[index];
+
document.getElementById("member_comment").innerHTML = '<p class="comment_text">' + comments[index] + '</p>';
 
     }
 
     }
 
      
 
      
Line 261: Line 447:
 
      
 
      
 
     // The function changing page
 
     // The function changing page
−
     function change(member_index /* member_name */){
+
     function change(member_index){
 
         var index = member_index;
 
         var index = member_index;
−
 
−
/*
 
−
        switch(member_name){
 
−
  case "member1":
 
−
    index = 0;
 
−
    break;
 
−
  case "member2":
 
−
    index = 1;
 
−
    break;
 
−
  default:
 
−
    index = -1;
 
−
    break;
 
−
}
 
−
*/
 
 
 
 
if(inBound(index)){
 
if(inBound(index)){
Line 294: Line 466:
 
for(i=0; i<member_num; i++){
 
for(i=0; i<member_num; i++){
 
    var elemli = document.createElement('li');
 
    var elemli = document.createElement('li');
 +
    elemli.className = 'profile_image';
 
    elemli.innerHTML
 
    elemli.innerHTML
−
= '<a href="javascript:void(0);" onclick="change(' + i + ');">'
+
= '<a href="javascript:void(0);" title="' + profiles[i][0] + '" onclick="change(' + i + ');">'
−
+ '<img src="' + images[i] + '" width=100 id="listId' + i + '" class="off"/>'
+
+ '<img src="' + images[i] + '" alt="' + profiles[i][0] + '" width=100 id="listId' + i + '" class="off"/>'
 +
+ '<div class="mask"><div class="caption">'
 +
+ profiles[i][0] + '</div></div>'
 
+ '</a>';
 
+ '</a>';
 
    image_list.appendChild(elemli);
 
    image_list.appendChild(elemli);

Revision as of 07:30, 10 October 2016

About Us

Team Members

Instructors

Nobutaka Nakashima

Masayuki Yamamura

Nobuhiro Hayashi

Yoichi Tagawa

Daisuke Kiga

College

As one of Japan's top universities, Tokyo Institute of Technology seeks to contribute to civilization, peace and prosperity in the world, and aims at developing global human capabilities par excellence through pioneering research and education in science and technology, including industrial andsocial management. To achieve this mission, we have an eye on educating highly moral students to acquire not only scientific expertise but also expertise in the liberal arts, and a balanced knowledge of the social sciences and humanities, all while researching deeply from basics to practice with academic mastery. Through these activities, we wish to contribute to global sustainability of the natural world and the support of human life.

About Tokyo Tech