(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | + | ||
− | <html | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <title>Shanghai_Metro_HS</title> | ||
+ | <link rel="stylesheet" | ||
+ | href="https://2021.igem.org/wiki/index.php?title=Template:Shanghai_Metro_HS/Main_CSS&action=raw&ctype=text/css" /> | ||
+ | </head> | ||
+ | <body> | ||
+ | <nav class="head-nav clearfix"> | ||
+ | <div class="top-block"></div> | ||
+ | <div class="top-nav-bar"> | ||
+ | <ul class="clearfix"> | ||
+ | <span class="small-logo"></span> | ||
+ | <li> | ||
+ | <a href="https://2021.igem.org/Team:Shanghai_Metro_HS">Home</a> | ||
+ | </li> | ||
+ | <li class="active"> | ||
+ | <a href="">Project</a> | ||
+ | <div class="sub-nav"> | ||
+ | <ul> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Description" | ||
+ | class="sub-nav-74">Description</a></li> | ||
+ | <li class="current-sub-nav"><a href="#" class="sub-nav-74">Experiments</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Results" | ||
+ | class="sub-nav-74">Results</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Proof_Of_Concept" | ||
+ | class="sub-nav-52">Proof Of Concept</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Notebook" | ||
+ | class="sub-nav-52">Notebook</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="">Parts</a> | ||
+ | <div class="sub-nav"> | ||
+ | <ul> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Collection" | ||
+ | class="sub-nav-74">Parts | ||
+ | Collection</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Engineering" | ||
+ | class="sub-nav-74">Engineering</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="">Human Practices</a> | ||
+ | <div class="sub-nav"> | ||
+ | <ul> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Human_Practices" | ||
+ | class="sub-nav-74">Integrated Human Practice</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Communication" | ||
+ | class="sub-nav-74">Communication</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Fundraising" | ||
+ | class="sub-nav-74">Fundraising</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Implementation">Implementation</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Entrepreneurship">Entrepreneurship</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Model">Model</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="">Team</a> | ||
+ | <div class="sub-nav"> | ||
+ | <ul> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Members" class="sub-nav-74">Team | ||
+ | Members</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Attributions" | ||
+ | class="sub-nav-74">Attributions</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro_HS/Collaborations" | ||
+ | class="sub-nav-74">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <div class="sub-content"> | ||
+ | <div class="sub-title">EXPERIMENTS</div> | ||
+ | <object type="application/pdf" | ||
+ | data="https://static.igem.org/mediawiki/2021/b/b8/T--Shanghai_Metro_HS--rExperiments.pdf" class="sub-pdf"> | ||
+ | </object> | ||
+ | </div> | ||
+ | <footer class="footer"> | ||
+ | <section class="footer-wrap"> | ||
+ | <div class="footer-contact">CONTACT INFO</div> | ||
+ | <p class="margin-bottom-20">Email: igemteamceres@gmail.com</p> | ||
+ | <p><i style="color: #2d2d2d;">WeChat Official Account: iGEM Ceres</i></p> | ||
+ | </section> | ||
+ | </footer> | ||
+ | </body> | ||
+ | <script> | ||
+ | let liTags = document.querySelectorAll(".top-nav-bar > ul > li"); | ||
+ | let len = liTags.length; | ||
+ | for (let i = 0; i < len; i++) { | ||
+ | liTags[i].onclick = function (e) { | ||
+ | //先移除所有的点击样式 | ||
+ | for (let j = 0; j < len; j++) { | ||
+ | liTags[j].classList.remove("active"); | ||
+ | } | ||
+ | //再添加点击样式 | ||
+ | let li = e.currentTarget; | ||
+ | li.classList.add("active"); | ||
+ | } | ||
+ | } | ||
+ | //展开项点击事件 | ||
+ | let sections = document.querySelectorAll(".sub-content> .section-wrap > .item-title"); | ||
+ | let sLen = sections.length; | ||
+ | for (let j = 0; j < sLen; j++) { | ||
+ | sections[j].onclick = function (e) { | ||
+ | //再添加点击样式 | ||
+ | let sec = e.currentTarget; | ||
+ | let clsArr = Array.from(sec.classList); | ||
+ | if (clsArr.includes("in")) { | ||
+ | sec.classList.remove("in"); | ||
+ | sec.classList.add("out"); | ||
+ | } else { | ||
+ | sec.classList.remove("out"); | ||
+ | sec.classList.add("in"); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
</html> | </html> |
Revision as of 17:18, 1 October 2021
EXPERIMENTS