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

@@ Line 7: / Line 7: @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="main.css">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
 <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;}
 .w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
@@ Line 15: / Line 14: @@
 </style>
 <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 -->
 <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:20px">Close Menu</a>
-   <div class="w3-container" style="margin-top: 20px;margin-bottom: 25px">
+   <div class="w3-container" style="margin-top: 20px;margin-bottom: 25px" id="wrap">
      <img src="https://static.igem.org/mediawiki/2017/a/a8/T--TokyoTech--logo_white_bright_10211603.png" style="width: 100%">
    </div>
-   <div style="padding-top: 15px; padding-left: 25px;">
+   <div style="padding-top: 15px; padding-left: 25px; id="wrap">
    <div id="contents" style="z-index: 10">
@@ Line 50: / Line 58: @@
      <label for="vmcb-d"><a>Experiment</a></label>
       <ul>
-         <li style="padding-bottom: 10px; padding-top: 10px">
+         <li>
          <input type="checkbox" id="vmcb-d1" />
-          <label for="vmcb-d1"><a style="text-align: center;">Bacteria <br>to Human Cells ▼</a></label>
+        <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 Impovement <br>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/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/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: 10px">
+       <li style="padding-bottom: 3px">
-       <input type="checkbox" id="vmcb-d2" />
+       <input type="checkbox" id="vmcb-d3" />
-     <label for="vmcb-d2"><a style="text-align: center;">Human Cells to Bacteria ▼</a></label>
+     <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>
@@ Line 70: / Line 84: @@
          </li>
-         <li style="padding-bottom: 10px">
+         <li>
-         <input type="checkbox" id="vmcb-d3" />
+         <input type="checkbox" id="vmcb-d4" />
-     <label for="vmcb-d3"><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>
+     <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>
@@ Line 89: / Line 103: @@
      <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">Integrated <br> Human Practice</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>
@@ Line 109: / Line 123: @@
    </div>
 </nav>
 <!-- Top menu on small screens -->
 <header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding">
@@ Line 128: / Line 143: @@
      <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 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>
    </div>
@@ Line 202: / Line 217: @@
      </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>
 <!-- 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 to open and close sidebar
@@ Line 218: / Line 238: @@
      document.getElementById("myOverlay").style.display = "none";
 }
+</script>
+<script>
 // Modal Image Gallery
 function onClick(element) {
@@ Line 226: / Line 247: @@
    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>
 </body>
 </html>

Difference between revisions of "Team:TokyoTech/Team"

Latest revision as of 22:53, 1 November 2017

Team Introduction

Hazuki Hasegawa

Kazunori Motai

Saki Arakaki

Kohei Umedera

Hajime Fujita

Takuma Yasue

Michio Takagi