(6 intermediate revisions by one other user 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"> | ||
− | |||
<style> | <style> | ||
− | body,h1,h2,h3,h4,h5 {font-family: " | + | 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:20px">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" 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%"> | <img src="https://static.igem.org/mediawiki/2017/a/a8/T--TokyoTech--logo_white_bright_10211603.png" style="width: 100%"> | ||
</div> | </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"> | <div id="contents" style="z-index: 10"> | ||
Line 50: | Line 58: | ||
<label for="vmcb-d"><a>Experiment</a></label> | <label for="vmcb-d"><a>Experiment</a></label> | ||
<ul> | <ul> | ||
+ | |||
<li> | <li> | ||
<input type="checkbox" id="vmcb-d1" /> | <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> | <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_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 <br> | + | <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 | + | <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> | |
− | <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</a></li> | + | |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li><input type="checkbox" id="vmcb- | + | |
− | <label for="vmcb- | + | <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> | <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> | <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> | </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> | </li> | ||
</ul> | </ul> | ||
Line 83: | 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" 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/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 < | + | <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> | <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> | ||
Line 102: | Line 123: | ||
</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 167: | Line 188: | ||
<div class="w3-col m4 w3-margin-bottom"> | <div class="w3-col m4 w3-margin-bottom"> | ||
<div class="w3-light-grey"> | <div class="w3-light-grey"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/1/15/T--TokyoTech--Metagen_1101.png" style="width:100%"> |
<div class="w3-container"> | <div class="w3-container"> | ||
− | <h3> | + | <h3>Metabologenomics.Inc</h3> |
</div> | </div> | ||
</div> | </div> | ||
Line 194: | Line 215: | ||
<div class="w3-col m4 w3-margin-bottom"> | <div class="w3-col m4 w3-margin-bottom"> | ||
<div class="w3-light-grey"> | <div class="w3-light-grey"> | ||
− | <img src="https:// | + | <img src="https://static.igem.org/mediawiki/2017/8/85/T--TokyoTech--aizawa.jpg" style="width:100%"> |
<div class="w3-container"> | <div class="w3-container"> | ||
<h3>Aizawa Fund</h3> | <h3>Aizawa Fund</h3> | ||
Line 200: | Line 221: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <div class="w3-col m4 w3-margin-bottom"> | ||
+ | <div class="w3-light-grey"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/f/f6/Tokyo_Tech_cosmo_bio.png" style="width:100%"> | ||
+ | <div class="w3-container"> | ||
+ | <h3>Cosmo Bio Co., Ltd.</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
<!-- End page content --> | <!-- End page content --> | ||
+ | </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"> | + | <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 219: | Line 254: | ||
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 227: | Line 263: | ||
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 01:26, 2 November 2017
<!DOCTYPE html>