|
|
Line 1: |
Line 1: |
− | {{TokyoTech/css/reset}}
| |
− | {{TokyoTech/css/main}}
| |
− | <!DOCTYPE html>
| |
− | <html>
| |
− | <head>
| |
− | <title>Coli Sapiens</title>
| |
− | <meta charset="UTF-8">
| |
− | <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 {font-size:16px;}
| |
− | .w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
| |
− | .w3-half img:hover{opacity:1}
| |
− | </style>
| |
− | <head>
| |
− | <body>
| |
| | | |
− | <!-- 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:22px">Close Menu</a>
| |
− | <div class="w3-container">
| |
− | <img src="https://static.igem.org/mediawiki/2017/5/57/T--TokyoTech--logo2.png" style="width: 100%">
| |
− | </div>
| |
− | <div class="w3-bar-block" style="padding-top: 15px">
| |
− | <ul id="normal" class="dropmenu">
| |
− | <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Home</a>
| |
− | <ul>
| |
− | <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">1</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | <a href="#project" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Project</a>
| |
− | <a href="#modeling" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Modeling</a>
| |
− | <a href="#hp" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Human Practices</a>
| |
− | <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>
| |
− | </nav>
| |
− |
| |
− | <!-- Top menu on small screens -->
| |
− | <header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding">
| |
− | <a href="javascript:void(0)" class="w3-button w3-red w3-margin-right" onclick="w3_open()"><img src="http://www.adultb2b.biz/wp-content/themes/adultb2b%20-%20new/assets/images/menuBtn.png" style="width: 30px"></a>
| |
− | <span style="padding-top: 5px">iGEM Tokyo Tech</span>
| |
− | </header>
| |
− |
| |
− | <!-- Overlay effect when opening sidebar on small screens -->
| |
− | <div class="w3-overlay w3-hide-large" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
| |
− |
| |
− | <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">AHK4 Assay</h1>
| |
− | </div>
| |
− |
| |
− | <hr>
| |
− |
| |
− | <div class="w3-container" id="overview" style="margin-top:20px"><!-- この箱の中にテキストや画像をまとめる -->
| |
− | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Overview</b></h1><!-- 小見出し -->
| |
− | <hr style="width:50px;border:5px solid red" class="w3-round">
| |
− | <p style="font-family: Poppins;font-size: 16px">概要をここに
| |
− | </p>
| |
− | </div>
| |
− |
| |
− | <hr>
| |
− |
| |
− | <div class="w3-container" id="results" style="margin-top:20px">
| |
− | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Results</b></h1><!-- 小見出し -->
| |
− | <hr style="width:50px;border:5px solid red" class="w3-round">
| |
− | <p style="font-family: Poppins;font-size: 16px">文章
| |
− | </p>
| |
− | <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center">
| |
− | <figure>
| |
− | <img src="https://static.igem.org/mediawiki/2017/c/c6/T--TokyoTech--modeling_result_1021.png" style="max-width:50%">
| |
− | <figcaption style="font-family: Poppins;font-size: 16px">Fig. 画像タイトル</figcaption>
| |
− | </figure>
| |
− | </div>
| |
− |
| |
− | <p style="font-family: Poppins;font-size: 16px">文章
| |
− | </p>
| |
− |
| |
− | <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center">
| |
− | <figure>
| |
− | <img src="https://static.igem.org/mediawiki/2017/c/c6/T--TokyoTech--modeling_result_1021.png" style="max-width:50%">
| |
− | <figcaption style="font-family: Poppins;font-size: 16px">Fig. 画像タイトル</figcaption>
| |
− | </figure>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <hr>
| |
− |
| |
− | <div class="w3-container" id="results" style="margin-top:20px">
| |
− | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Discussion</b></h1>
| |
− | <hr style="width:50px;border:5px solid red" class="w3-round">
| |
− | <p style="font-family: Poppins;font-size: 16px">考察
| |
− | </p>
| |
− |
| |
− | </div>
| |
− |
| |
− | <hr>
| |
− |
| |
− | <div class="w3-container" id="results" style="margin-top:20px">
| |
− | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Reference</b></h1>
| |
− | <hr style="width:50px;border:5px solid red" class="w3-round">
| |
− | <p style="font-family: Poppins;font-size: 16px">参考文献
| |
− | </p>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div><!-- ここまでが編集可能範囲 -->
| |
− |
| |
− | <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>
| |
− |
| |
− | <script>
| |
− | // Script to open and close sidebar
| |
− | function w3_open() {
| |
− | document.getElementById("mySidebar").style.display = "block";
| |
− | document.getElementById("myOverlay").style.display = "block";
| |
− | }
| |
− |
| |
− | function w3_close() {
| |
− | document.getElementById("mySidebar").style.display = "none";
| |
− | document.getElementById("myOverlay").style.display = "none";
| |
− | }
| |
− |
| |
− | // Modal Image Gallery
| |
− | function onClick(element) {
| |
− | document.getElementById("img01").src = element.src;
| |
− | document.getElementById("modal01").style.display = "block";
| |
− | var captionText = document.getElementById("caption");
| |
− | captionText.innerHTML = element.alt;
| |
− | }
| |
− | </script>
| |
− | </body>
| |
− | </html>
| |