Difference between revisions of "Team:TokyoTech/Team"

 
(6 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 58: Line 143:
 
     <img src="https://static.igem.org/mediawiki/2017/0/00/T--TokyoTech--team_photo_min.jpg" style="max-width:80%">
 
     <img src="https://static.igem.org/mediawiki/2017/0/00/T--TokyoTech--team_photo_min.jpg" style="max-width:80%">
 
     </div>
 
     </div>
−
     <p style="font-family: Poppins;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 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 132: Line 217:
 
     </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 148: 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 156: 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