(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | + | <head> | |
− | <html | + | <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</title> | |
− | < | + | <link rel="stylesheet" |
− | < | + | href="https://2021.igem.org/wiki/index.php?title=Template:Shanghai_Metro/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">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/Description" | ||
+ | class="sub-nav-74">Description</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/Design" class="sub-nav-74">Design</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/Results" | ||
+ | class="sub-nav-74">Results</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/ProofOfConcept" | ||
+ | class="sub-nav-52">Proof Of Concept</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/Notebook" | ||
+ | class="sub-nav-52">Notebook</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/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/Collection" class="sub-nav-74">Parts | ||
+ | Collection</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/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/Integrated" | ||
+ | class="sub-nav-74">Integrated Human Practice</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/Communication" | ||
+ | class="sub-nav-74">Communication</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/Fundraising" | ||
+ | class="sub-nav-74">Fundraising</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2021.igem.org/Team:Shanghai_Metro/Implementation">Implementation</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2021.igem.org/Team:Shanghai_Metro/Entrepreneurship">Entrepreneurship</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2021.igem.org/Team:Shanghai_Metro/Model">Model</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="">Team</a> | ||
+ | <div class="sub-nav"> | ||
+ | <ul> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/Members" class="sub-nav-74">Team | ||
+ | Members</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/Attributions" | ||
+ | class="sub-nav-74">Attributions</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/Collaborations" | ||
+ | class="sub-nav-74">Collaborations</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:Shanghai_Metro/Partnership" | ||
+ | class="sub-nav-74">Partnership</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <div class="sub-content"> | ||
+ | <div class="sub-title">EXPERIMENTS</div> | ||
+ | <div class="section-wrap"> | ||
+ | <div class="item-title out">Backbone Chapter I Pus232</div> | ||
+ | <div class="item-content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/b/bd/T--Shanghai_Metro--Experiment01.jpg" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="section-wrap"> | ||
+ | <div class="item-title in">Segment Chapter I ike2, ike4</div> | ||
+ | <div class="item-content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/5/5d/T--Shanghai_Metro--Experiment02.jpg" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="section-wrap"> | ||
+ | <div class="item-title in">Connecting Backbone and Segment I Pus232-ike2, Pus232-ike4</div> | ||
+ | <div class="item-content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/5/54/T--Shanghai_Metro--Experiment03.jpg" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="section-wrap"> | ||
+ | <div class="item-title in">Backbone Chapter II Pus232-ike2, Pus232-ike4</div> | ||
+ | <div class="item-content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/00/T--Shanghai_Metro--Experiment04.jpg" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="section-wrap"> | ||
+ | <div class="item-title in">Segment Chapter II tke2, tke4</div> | ||
+ | <div class="item-content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/8/8a/T--Shanghai_Metro--Experiment05.jpg" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="section-wrap"> | ||
+ | <div class="item-title in">Connecting Backbone and Segment II </div> | ||
+ | <div class="item-content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/6/64/T--Shanghai_Metro--Experiment06.jpg" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="section-wrap"> | ||
+ | <div class="item-title in">Experimental Summary</div> | ||
+ | <div class="item-content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/3/39/T--Shanghai_Metro--Experiment07.jpg" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="section-wrap"> | ||
+ | <div class="item-title in">Experiment theory</div> | ||
+ | <div class="item-content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/f/f3/T--Shanghai_Metro--Experiment08.jpg" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <footer class="footer"> | ||
+ | <section class="footer-wrap"> | ||
+ | <p class="contact-tips">Contact Info.</p> | ||
+ | <hr class="line" /> | ||
+ | <p class="margin-bottom-8">Email: <i style="color:#0030e4;">binghan423@163.com; runshigu@126.com</i></p> | ||
+ | <p>Wechat Official Account: IGEM VIPatent</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 14:58, 22 September 2021
EXPERIMENTS
Backbone Chapter I Pus232
Segment Chapter I ike2, ike4
Connecting Backbone and Segment I Pus232-ike2, Pus232-ike4
Backbone Chapter II Pus232-ike2, Pus232-ike4
Segment Chapter II tke2, tke4
Connecting Backbone and Segment II
Experimental Summary
Experiment theory