Difference between revisions of "Team:TokyoTech/Team"

 
(17 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<link rel="stylesheet" href="main.css">
 
<link rel="stylesheet" href="main.css">
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
 
 
<style>
 
<style>
−
body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif}
+
body,h1,h2,h3,h4,h5 {font-family: "Arial", sans-serif}
 
body {font-size:16px;}
 
body {font-size:16px;}
 
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
 
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
Line 15: Line 14:
 
</style>
 
</style>
 
<body>
 
<body>
 +
 +
<div id="loader-bg">
 +
  <div id="loader">
 +
    <div class="photo-show">
 +
    <img src="https://static.igem.org/mediawiki/2017/f/f4/T--TokyoTech--load_1.png" width="600">
 +
    <img src="https://static.igem.org/mediawiki/2017/4/43/T--TokyoTech--load_2.png" width="600">
 +
    </div>
 +
  </div>
 +
</div>
  
 
<!-- Sidebar/menu -->
 
<!-- Sidebar/menu -->
 
<nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br>
 
<nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br>
−
   <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:22px">Close Menu</a>
+
   <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:20px">Close Menu</a>
−
   <div class="w3-container">
+
   <div class="w3-container" style="margin-top: 20px;margin-bottom: 25px" id="wrap">
−
     <img src="https://static.igem.org/mediawiki/2017/5/57/T--TokyoTech--logo2.png" style="width: 100%">
+
     <img src="https://static.igem.org/mediawiki/2017/a/a8/T--TokyoTech--logo_white_bright_10211603.png" style="width: 100%">
 
   </div>
 
   </div>
−
   <div class="w3-bar-block" style="padding-top: 15px">
+
 
−
     <ul id="normal" class="dropmenu">
+
   <div style="padding-top: 15px; padding-left: 25px; id="wrap">
−
     <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Home</a>  
+
 
 +
  <div id="contents" style="z-index: 10">
 +
 
 +
    <ul class="click_menu_checkbox vertm_down">
 +
    <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px;">
 +
    <input type="checkbox" id="vmcb-a" />
 +
    <label for="vmcb-a"><a href="https://2017.igem.org/Team:TokyoTech">Home</a></label>
 +
    </li>
 +
    <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-b" />
 +
    <label for="vmcb-b"><a href="https://2017.igem.org/Team:TokyoTech/Medal">Achievements</a></label>
 +
    </li>
 +
    <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-c" />
 +
    <label for="vmcb-c"><a>Project</a></label>
 +
    <ul>
 +
      <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Description" class="w3-bar-item w3-button w3-hover-white">Description</a></li>
 +
      <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Project/Basic_Parts" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Basic Parts</a></li>
 +
      <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Project/Composite_Parts" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Composite Parts</a></li>
 +
     </ul>
 +
    </li>
 +
 
 +
    <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-d" />
 +
    <label for="vmcb-d"><a>Experiment</a></label>
 +
    <ul>
 +
 
 +
        <li>
 +
        <input type="checkbox" id="vmcb-d1" />
 +
        <label for="vmcb-d1"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" style="text-align: center;">Overview</a></label>
 +
        </li>
 +
 
 +
        <li style="padding-bottom: 10px; padding-top: 5px">
 +
        <input type="checkbox" id="vmcb-d2" />
 +
          <label for="vmcb-d2"><a style="text-align: center;">Bacteria to <br>Human Cells ▼</a></label>
 +
            <ul>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI Assay</a></li>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Improvement" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI Improvement <br>Assay</a></li>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraR_Reporter_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" >TraR Reporter <br>Assay</a></li>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Transcriptome_Analysis" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Transcriptome <br>Analysis</a></li>
 +
              <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Chimeric_Transcription_Factor" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Chimeric <br> Transcription <br> Factor Assay</a></li>
 +
            </ul>
 +
      </li>
 +
 
 +
      <li style="padding-bottom: 3px">
 +
      <input type="checkbox" id="vmcb-d3" />
 +
     <label for="vmcb-d3"><a style="text-align: center;">Human Cells to <br>Bacteria ▼</a></label>
 +
        <ul>
 +
          <li><a href="https://2017.igem.org/Team:TokyoTech/Experiment/AHK4_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">AHK4 Assay</a></li>
 +
          </ul>
 +
        </li>
 +
 
 +
        <li>
 +
        <input type="checkbox" id="vmcb-d4" />
 +
    <label for="vmcb-d4"><a href="https://2017.igem.org/Team:TokyoTech/InterLab" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" style="text-align: center;">InterLab</a></label>
 +
        </li>
 +
    </ul>
 +
    </li>
 +
 
 +
 
 +
    <li style="margin-bottom: 10px; text-align: center; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-e" />
 +
    <label for="vmcb-e"><a href="https://2017.igem.org/Team:TokyoTech/Model">Modelling</a></label>
 +
    </li>
 +
 
 +
    <li style="margin-bottom: 10px; text-align: center; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-f" />
 +
    <label for="vmcb-f"><a>Human Practices</a></label>
 
     <ul>
 
     <ul>
−
     <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">1</a></li>
+
     <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Overview</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Silver" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Silver</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Gold_Integrated" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Gold (Integrated)</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Demonstrate" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Demonstrate</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Collaborations" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Collaborations</a></li>
 
     </ul>
 
     </ul>
 
     </li>
 
     </li>
 +
 +
    <li style="margin-bottom: 10px; text-align: center; border: 5px double #fff; border-radius: 10px">
 +
    <input type="checkbox" id="vmcb-g" />
 +
    <label for="vmcb-g"><a>About us</a></label>
 +
    <ul>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Team" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Team</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Attributions" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Attributions</a></li>
 +
    <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Sponsors" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Sponsors</a></li>
 
     </ul>
 
     </ul>
−
     <a href="#project" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Project</a>  
+
     </li>
−
     <a href="#modeling" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Modeling</a>  
+
     </ul>
−
     <a href="#hp" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Human Practices</a>  
+
     </div>
−
    <a href="#notebook" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Notebook</a>
+
 
−
    <a href="#team" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Team</a>
+
−
    <a href="#sponsers" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Sponsers</a>
+
 
   </div>
 
   </div>
 
</nav>
 
</nav>
−
+
 
 
<!-- Top menu on small screens -->
 
<!-- Top menu on small screens -->
 
<header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding">
 
<header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding">
Line 50: Line 135:
 
<!-- PAGE CONTENT! -->
 
<!-- PAGE CONTENT! -->
 
<div class="w3-main" style="margin-left:340px;margin-right:40px">
 
<div class="w3-main" style="margin-left:340px;margin-right:40px">
−
 
−
  <div class="w3-container" id="contact" style="margin-top:30px">
 
−
    <img src="https://static.igem.org/mediawiki/2017/2/2c/T--TokyoTech--logo10011204.jpg" alt="John" style="width:100%">
 
−
  </div>
 
  
 
   <!-- Overview -->
 
   <!-- Overview -->
−
   <div class="w3-container" id="overview" style="margin-top:20px">
+
   <div class="w3-container" style="margin-top:20px">
 
     <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Team Introduction</b></h1>
 
     <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Team Introduction</b></h1>
 
     <hr style="width:50px;border:5px solid red" class="w3-round">
 
     <hr style="width:50px;border:5px solid red" class="w3-round">
−
     <img src="https://static.igem.org/mediawiki/2017/0/00/T--TokyoTech--team_photo_min.jpg" style="max-width:50%;text-align:center;">
+
    <div class="w3-container" id="team" style="margin-top:30px;text-align: center;margin-bottom:20px">
−
     <p style="font-family: Poppins;font-size: 16px">Gene therapy has been expected in cancer therapy for years. An interesting therapy for cancer using anaerobic bacteria as a carrier has been developed, but after the anaerobic cancer region is diminished, the bacteria cannot stay there anymore. If anti-cancer bacteria can stay in affected area, they promptly respond to cancer recurrence. Co-existence of bacteria and host cells should be quite difficult in our body or human cell culture systems, because bacteria grow so fast. It is important to control bacterial proliferation in them. So, we try to establish a new living system that human cells control the population of bacteria by engineering the both cells by creating two signaling pathways of 1) Bacteria-Mammals and 2) Bacteria-Plants. We expect that this system will lead to a new experimental approach and a new medical therapy. Moreover, we imagine about "A boundary between cellular groups and living organisms" with general public.
+
     <img src="https://static.igem.org/mediawiki/2017/0/00/T--TokyoTech--team_photo_min.jpg" style="max-width:80%">
 +
    </div>
 +
     <p style="font-size: 16px;">　Our team, iGEM 2017 Team TokyoTech consists of 12 undergrad students. At an early stage of our project, our team got together, trying to figure out what we could do with synthetic biology. Since then, we encouraged each other, worked together, and overcome difficulties. Now, we are ready to show our achievement.
 
     </p>
 
     </p>
 
   </div>
 
   </div>
Line 66: Line 149:
 
<hr>
 
<hr>
  
 +
  <div class="w3-row-padding">
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/a/a5/T--TokyoTech--member_hasegawa.jpg" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Hazuki Hasegawa</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/7/70/T--TokyoTech--member_motai.jpg" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Kazunori Motai</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/d/d4/T--TokyoTech--member_arakaki.jpg" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Saki Arakaki</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<hr>
 +
 +
    <div class="w3-row-padding">
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/7/70/T--TokyoTech--member_umedera.jpg" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Kohei Umedera</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/e/e4/T--TokyoTech--member_fujita.jpg" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Hajime Fujita</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/8/8d/T--TokyoTech--member_yasue.jpg" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Takuma Yasue</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
<hr>
 +
 +
    <div class="w3-row-padding">
 +
    <div class="w3-col m4 w3-margin-bottom">
 +
      <div class="w3-light-grey">
 +
        <img src="https://static.igem.org/mediawiki/2017/8/87/T--TokyoTech--member_tkg.jpg" style="width:100%">
 +
        <div class="w3-container">
 +
          <h3>Michio Takagi</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
<div class="w3-container" id="contact" style="margin-top:20px">
 +
<p id="pageTop" style="text-align:right"><a href="#wrap"><img src="https://static.igem.org/mediawiki/2017/0/0d/T--TokyoTech--page_top_2.png" style="width:200px"></a></p>
 
</div>
 
</div>
  
 
<!-- W3.CSS Container -->
 
<!-- W3.CSS Container -->
−
<div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right">Hajime Fujita:  <a href="96haji.me" title="W3.CSS" target="_blank" class="w3-hover-opacity">All Rights Reserved</a></p></div>
+
<div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right"><a href="http://96haji.me/" title="W3.CSS" target="_blank" class="w3-hover-opacity">Hajime Fujita with W3.CSS: All Rights Reserved</a></p></div>
  
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
<script>
 
<script>
 
// Script to open and close sidebar
 
// Script to open and close sidebar
Line 82: Line 238:
 
     document.getElementById("myOverlay").style.display = "none";
 
     document.getElementById("myOverlay").style.display = "none";
 
}
 
}
−
 
+
</script>
 +
<script>
 
// Modal Image Gallery
 
// Modal Image Gallery
 
function onClick(element) {
 
function onClick(element) {
Line 90: Line 247:
 
   captionText.innerHTML = element.alt;
 
   captionText.innerHTML = element.alt;
 
}
 
}
 +
$(function() {
 +
  var h = $(window).height();
 +
 +
  $('#wrap').css('display','none');
 +
  $('#loader-bg ,#loader').height(h).css('display','block');
 +
});
 +
 +
$(window).load(function () { //全ての読み込みが完了したら実行
 +
  $('#loader-bg').delay(900).fadeOut(800);
 +
  $('#loader').delay(600).fadeOut(300);
 +
  $('#wrap').css('display', 'block');
 +
});
 +
</script>
 +
<script>
 +
//■page topボタン
 +
$(function(){
 +
var topBtn=$('#pageTop');
 +
topBtn.hide();
 +
 +
//◇ボタンの表示設定
 +
$(window).scroll(function(){
 +
  if($(this).scrollTop()>80){
 +
    //---- 画面を80pxスクロールしたら、ボタンを表示する
 +
    topBtn.fadeIn();
 +
  }else{
 +
    //---- 画面が80pxより上なら、ボタンを表示しない
 +
    topBtn.fadeOut();
 +
  }
 +
});
 +
 +
// ◇ボタンをクリックしたら、スクロールして上に戻る
 +
topBtn.click(function(){
 +
  $('body,html').animate({
 +
  scrollTop: 0},500);
 +
  return false;
 +
});
 +
 +
});
 
</script>
 
</script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 22:53, 1 November 2017

<!DOCTYPE html> Coli Sapiens

iGEM Tokyo Tech

Team Introduction

　Our team, iGEM 2017 Team TokyoTech consists of 12 undergrad students. At an early stage of our project, our team got together, trying to figure out what we could do with synthetic biology. Since then, we encouraged each other, worked together, and overcome difficulties. Now, we are ready to show our achievement.

Hazuki Hasegawa

Kazunori Motai

Saki Arakaki

Kohei Umedera

Hajime Fujita

Takuma Yasue

Michio Takagi

Hajime Fujita with W3.CSS: All Rights Reserved