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

 
(55 intermediate revisions by 7 users not shown)
Line 1: Line 1:
−
<!--
 
 
{{Tokyo_Tech}}
 
{{Tokyo_Tech}}
−
<html>
 
−
 
−
 
−
 
−
<div class="column full_size" >
 
−
 
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
−
 
−
 
−
</div>
 
−
 
−
<div class="column half_size" >
 
−
<h5>Inspiration</h5>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
 
−
</ul>
 
−
 
−
</div>
 
−
 
−
<div class="column half_size" >
 
−
<h5>What should this page contain?</h5>
 
−
<ul>
 
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
 
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
 
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
 
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
−
</ul>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
</html>
 
−
-->
 
  
 
<!-- from here -->
 
<!-- from here -->
−
<html lang=en-US>
+
<html>
 
<head>
 
<head>
−
    <title>gem</title>
 
−
    <meta charset="UTF-8" />
 
 
     <style type="text/css">
 
     <style type="text/css">
 
<!--
 
<!--
 +
/********************** All style of this page ************************/
 
body{
 
body{
−
     background: #052d5d;
+
     background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 
}
 
}
 +
#globalWrapper, #content{
 +
    background: transparent;
 +
}
 +
#content{
 +
//    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 +
    margin: 0 auto;
 +
}
 +
 +
/************************* About Layout ******************************/
 
#main_contents{
 
#main_contents{
 
     margin: 0 auto;
 
     margin: 0 auto;
−
     min-width: 800px;
+
     width: 90%;
−
     max-width: 1010px;
+
     min-width: 880px;
−
     background: #052d5d;
+
     max-width: 1100px;
 
}
 
}
 
.container{
 
.container{
−
     margin: 0 auto;
+
     margin: 5px auto;
−
    min-width: 790px;
+
−
    max-width: 1000px;
+
 
     background: #ffffff;
 
     background: #ffffff;
 +
    border: 1px solid #583612;
 +
}
 +
.container_top h1{
 +
margin-top: 1px;
 +
font-size: 36px;
 
}
 
}
 
.member_header{
 
.member_header{
Line 68: Line 39:
 
}
 
}
 
.member_header span{
 
.member_header span{
−
     border-bottom: 2px solid #052d5d;
+
     border-bottom: 2px solid #583612;
 
}
 
}
 
#member_list_division{
 
#member_list_division{
Line 75: Line 46:
 
#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 86: Line 70:
 
     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;
 +
    margin: 0 auto;
 +
    border-top: 1px solid #583612;
 +
    padding-top: 20px;
 
     clear: both;
 
     clear: both;
 
}
 
}
 
#member_image{
 
#member_image{
−
     width: 300px;
+
     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: 400px;
+
     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;
 
}
 
}
Line 110: Line 101:
 
     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 119: Line 112:
 
     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{
 +
    font-size: 18px;
 +
}
 +
.table_left{
 +
    float: left;
 +
    width: 110px;
 +
    text-align: right;
 +
    margin-right: auto;
 +
    padding-right: 1px;
 +
}
 +
.table_right{
 +
    float: right;
 +
    width: 370px;
 +
    text-align: left;
 +
    margin-left: auto;
 +
    padding-left: 1px;
 +
}
 +
.table_clear{
 +
    clear: both;
 +
}
 +
#main_contents p.comment_text{
 +
    text-indent: 18px;
 +
    font-size: 18px;
 +
    text-align: justify;
 +
}
 +
.content{
 +
    width: 800px;
 +
    margin: 0 auto;
 +
    padding-bottom: 5px;
 +
}
 +
#main_contents p.size_text{
 +
    font-family: 'Century', serif;
 +
    font-size: 18px;
 +
    color: #000000;
 +
    line-height: 1.5em;
 +
}
 +
#main_contents p.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"><p></p>
−
    <h2><span>Team Members</span></h2>
+
    <h1><span>Team Members</span></h1>
 +
        <p></p>
 
</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 147: Line 214:
 
     <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" style="text-align: center;">Yoh-ichi Tagawa</p>
 +
    <p class="name" style="text-align: center;">Nobuhiro Hayashi</p>
 +
    <p class="name" style="text-align: center;">Nobutaka Nakashima</p>
 +
    <p class="name" style="text-align: center;">Masayuki Yamamura</p>
 
</div><!-- /instructor_contetn -->
 
</div><!-- /instructor_contetn -->
 
     </div><!-- /instructor -->
 
     </div><!-- /instructor -->
 +
    <div id="advisor" class="container">
 +
<div id="advisor_header" class="member_header">
 +
    <h1><span>Advisor</span></h1>
 +
</div><!-- /advisor_header -->
 +
<div id="advisor_content" class="content size_text">
 +
    <p class="name" style="text-align: center;">Daisuke Kiga</p>
 +
</div><!-- /advisor_content -->
 +
    </div><!-- /advisor -->
 
      
 
      
 
     <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">
−
    <a href="http://www.titech.ac.jp/english/about/overview/mission.html">About Tokyo Tech</a>
+
    <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 and social 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.  <a href="http://www.titech.ac.jp/english/about/overview/mission.html"><span style="border-bottom: solid 1px">More about Tokyo Tech</span></a></p>
 +
 
 
</div><!-- /college_contents -->
 
</div><!-- /college_contents -->
 
     </div><!-- /college -->
 
     </div><!-- /college -->
Line 170: Line 251:
 
      
 
      
 
     // 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 180: Line 270:
 
     */
 
     */
 
     var images = [
 
     var images = [
−
"http://blog-imgs-95.fc2.com/s/a/s/sasasasasa339/254979_439248012823160_582673604_n.jpg",  
+
"https://static.igem.org/mediawiki/2016/3/30/Kazuki_Fujisawa-profile.jpg",
−
"http://blog-imgs-95.fc2.com/s/a/s/sasasasasa339/U3kohmwj.jpg"
+
"https://static.igem.org/mediawiki/2016/2/21/Netsu-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/3/32/Kondo-profile.jpg",  
 +
"https://static.igem.org/mediawiki/2016/f/f3/Kentaro_Akiyama-profile.jpeg",
 +
"https://static.igem.org/mediawiki/2016/4/4c/Shunya_Akiyama-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/f/fb/Ryuta_Sasaki-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/3/3d/Mizuki_Tabata-profile.jpeg",
 +
"https://static.igem.org/mediawiki/2016/5/52/Hazuki_Hasegawa-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/e/e7/Nae_Fu-profile.jpeg",
 +
"https://static.igem.org/mediawiki/2016/5/59/Miki_Nishimori-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/8/84/Ayako_Tamaki-profile.jpeg",
 +
"https://static.igem.org/mediawiki/2016/6/62/Narumi_Ogawa-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/f/f6/Mako_Kono-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/4/42/Maoko_Takenoshita-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/f/fa/Nozomi_Takeue-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/7/78/Kengo_Nakahara-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/2/2a/Vivian_Sjw-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/thumb/a/aa/Nishikawa-profile.jpg/600px-Nishikawa-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/d/de/Xin_Guo-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/d/de/Alex-profile.jpeg",
 +
"https://static.igem.org/mediawiki/2016/f/fd/Hajime_Fujita-profile.jpg",
 +
"https://static.igem.org/mediawiki/2016/b/b4/Takata-profile.jpg"
 
     ];
 
     ];
 
      
 
      
Line 189: Line 299:
 
     *  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 Fujisawa", 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],
 +
["Jiawan 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 202: Line 330:
 
     */
 
     */
 
     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
 +
"I love Tech-chan, who is a mascot of Tokyo Tech.",
 +
// 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 I can’t study in classes. At first I joined this team as a wet member, but in the middle I moved to the dry because I wanted to challenge.<br>By the way I really hate parameters as much as brown-chocolate!!",
 +
// 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 world. 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 228: Line 396:
 
     // The function to write profile
 
     // The function to write profile
 
     function write_profile(index){
 
     function write_profile(index){
−
var out = '<table rulles="none" border="0"><tbody>'
+
−
+ '<tr><td class="profile_header">Name:</td><td>' + profiles[index][0] + '</td></tr>'
+
// Despite table, use div
−
+ '<tr><td class="profile_header">School:</td><td>' + profiles[index][1] + '</td></tr>'
+
var has_course = (profiles[index][3] != null);
−
+ '<tr><td class="profile_header">Department:</td><td>' + profiles[index][2] + '</td></tr>';
+
var out = '<div class="table"><p class="name">' + profiles[index][0]
−
if(profiles[index][3] != null){
+
+ '</p><div class="table_left">School:<br />Department:';
−
    out += '<tr><td class="profile_header">Cource:</td><td>' + profiles[index][3] + '</td></tr>';
+
if(has_course){
 +
    out += '<br />Course:';
 +
}
 +
out += '</div><!-- /table_left -->';
 +
out += '<div class="table_right">'
 +
    + profiles[index][1] + '<br />' + profiles[index][2];
 +
if(has_course){
 +
    out += '<br />' + profiles[index][3];
 
}
 
}
−
out += '</tbody></table>';
+
out += '</div><!-- /table_right --><div class="table_clear"></div><!-- /table_clear --></div><!-- /table -->';
 
 
 
document.getElementById("member_profile").innerHTML = out;
 
document.getElementById("member_profile").innerHTML = out;
Line 242: Line 417:
 
     // 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 258: Line 433:
 
      
 
      
 
     // 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 291: Line 452:
 
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="#" 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);
Line 301: Line 465:
 
</body>
 
</body>
 
</html>
 
</html>
 +
 +
 +
{{Tokyo_Tech/Footer}}

Latest revision as of 02:39, 3 November 2016

About us

Team Members

Instructors

Yoh-ichi Tagawa

Nobuhiro Hayashi

Nobutaka Nakashima

Masayuki Yamamura

Advisor

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 and social 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. More about Tokyo Tech