(12 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: | + | <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/ | + | <img src="https://static.igem.org/mediawiki/2017/a/a8/T--TokyoTech--logo_white_bright_10211603.png" style="width: 100%"> |
</div> | </div> | ||
− | <div | + | |
− | <ul id=" | + | <div style="padding-top: 15px; padding-left: 25px; id="wrap"> |
− | <li><a href="# | + | |
− | + | <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> | </ul> | ||
</li> | </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=" | + | <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> | ||
− | + | </li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
</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 112: | Line 136: | ||
<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"><!-- ページタイトル --> | ||
+ | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px" align="center">Sponsors</h2> | ||
+ | </div> | ||
+ | <hr> | ||
− | + | <div class="w3-row-padding"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<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"> | ||
Line 145: | Line 167: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </div> | |
<hr> | <hr> | ||
− | + | <div class="w3-row-padding"> | |
<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/ | + | <img src="https://static.igem.org/mediawiki/2017/3/3c/T--TokyoTech--tokyotechfund.png" style="width:100%"> |
<div class="w3-container"> | <div class="w3-container"> | ||
− | <h3> | + | <h3>TokyoTech Fund</h3> |
</div> | </div> | ||
</div> | </div> | ||
Line 158: | Line 180: | ||
<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=" | + | <img src="https://static.igem.org/mediawiki/2017/6/63/T--TokyoTech--promega.png" style="width:100%"> |
<div class="w3-container"> | <div class="w3-container"> | ||
− | <h3> | + | <h3>Promega</h3> |
</div> | </div> | ||
</div> | </div> | ||
Line 166: | 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=" | + | <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> | ||
</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/1/1d/T--TokyoTech--mbl.png" style="width:100%"> | ||
+ | <div class="w3-container"> | ||
+ | <h3>MBL</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/2/21/T--TokyoTech--leave_a_nest.png" style="width:100%"> | ||
+ | <div class="w3-container"> | ||
+ | <h3>Leave a Nest</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/85/T--TokyoTech--aizawa.jpg" style="width:100%"> | ||
+ | <div class="w3-container"> | ||
+ | <h3>Aizawa Fund</h3> | ||
+ | </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 191: | 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 199: | 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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<script> | <script> | ||
− | // | + | //■page topボタン |
− | function | + | $(function(){ |
− | + | var topBtn=$('#pageTop'); | |
− | + | topBtn.hide(); | |
− | + | ||
− | function | + | //◇ボタンの表示設定 |
− | + | $(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>