|
|
(140 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{:Team:Goettingen/templates/header}} | + | {{:Team:Goettingen/templates/headerGray}} |
| <html> | | <html> |
| + | <img id="slide" src="https://static.igem.org/mediawiki/2013/8/8c/Header-goe-3.jpg" /> |
| + | </div> |
| + | <br /> |
| <script> | | <script> |
- |
| |
- | //加载结束执行
| |
| $(document).ready(function(){ | | $(document).ready(function(){ |
| $(".notebook").addClass('deact'); | | $(".notebook").addClass('deact'); |
- | updatePage();
| |
- | tlc[0].style.display = 'block';
| |
- | updatePage();
| |
| }); | | }); |
- |
| |
- | //变量定义,tlt:timeline-title,tlc:timeline-cont
| |
- | tlt = [];
| |
- | tlc = [];
| |
- |
| |
- | //与jq中的toggle函数相似,简化版本
| |
- | function toggle(target){
| |
- | if(getComputedStyle(target,null).display == "none"){
| |
- | target.style.display = "block"
| |
- | } else {target.style.display = "none"}
| |
- | }
| |
- |
| |
- | //网页最下加载更多按钮
| |
- |
| |
- | function loadmore(){
| |
- | if(woche == 2){document.getElementById("loadmore").style.display = 'none'}
| |
- |
| |
- | addresse = 'https://2013.igem.org/Team:Goettingen/NoteBook_w' + (woche -1) + '?action=raw&ctype=text';
| |
- | xmlhttp.open("GET",addresse,false);
| |
- | xmlhttp.send();
| |
- | document.getElementsByClassName("f-box")[0].innerHTML += xmlhttp.responseText;
| |
- | updatePage();
| |
- | woche--;
| |
- | }
| |
- |
| |
- | //更新页面,主要为1、重新抓取tlt,tlc数组,定义onclick event;2、更新时间“线”长度
| |
- | function updatePage(){
| |
- | spacing = document.getElementsByClassName("spacing")[0];
| |
- | tlob = document.getElementsByClassName("tlob");
| |
- | tlt = document.getElementsByClassName("timeline-title");
| |
- | tlc = document.getElementsByClassName("timeline-cont");
| |
- | spacing.style.height = (document.getElementsByClassName("start")[0]||document.getElementById("loadmore")).offsetTop - spacing.offsetTop + 'px';
| |
- | for(i=0;i<tlt.length;i++){
| |
- | tlt[i].onclick = function(){var tlsib = this.nextElementSibling||getNextElementSibling(this);
| |
- | toggle(tlsib);
| |
- | spacing.style.height = (document.getElementsByClassName("start")[0]||document.getElementById("loadmore")).offsetTop - spacing.offsetTop + 'px';};
| |
- | tlt[i].title = "Click to fold/extend";}
| |
- | }
| |
- |
| |
- | //ajax定义,多浏览器兼容
| |
- | var xmlhttp;
| |
- | if (window.XMLHttpRequest)
| |
- | {// code for IE7+, Firefox, Chrome, Opera, Safari
| |
- | xmlhttp=new XMLHttpRequest();
| |
- | }
| |
- | else
| |
- | {// code for IE6, IE5
| |
- | xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
| |
- | }
| |
- |
| |
- |
| |
| </script> | | </script> |
- | <img id="slide" src="https://static.igem.org/mediawiki/2013/8/8c/Header-goe-3.jpg" /> | + | <div id="body"> |
- | </div><!--close header--> | + | <div class="f-box" style="height:401px"> |
- | <br /> | + | <div class="d-box br"> |
| + | </html> |
| + | ===Notebook=== |
| + | This year we started early. At the beginning of January 2013, 12 of us gathered together and formed our [[Team:Goettingen/Team/Organization|Organization Team]]. With all these brain storming and background research. We decided to look into the topic "Antibiotic Resistance", which is less known to the public, but actually very urgent problem. We designed our team logo and finished the booklet for fund-raising ([[Team:Goettingen/Outreach|more documents please visit our Outreach page]]). Finally, we determined the title of our project, "The beast and its Achilles heel: a novel target to fight multi-resistant pathogenic bacteria". |
| | | |
- | <style>
| + | Shortly before May, our lab work started and we have had six more students on the team. We divided our team into 3 subteams, each team has carried out one dimension of our project. After four full month of hard work, we finally wrapped up, and proudly present you all the results on this team wiki. |
- | p{font-size:11pt;line-height:1.2em}
| + | |
| | | |
- | .timeline-cont {display:none}
| + | Click the icons on the right side to check out our timeline or our standard protocol. |
| | | |
- | .monat{ font-size: 20pt;
| + | <html> |
- | background: #8f0000;
| + | </div><!--close d-box --> |
- | color: #fff;
| + | |
- | width: 130px;
| + | |
- | padding-left: 40px;
| + | |
- | position: relative;
| + | |
- | margin-top: 10px;
| + | |
- | display: block;
| + | |
- | z-index:1}
| + | |
| | | |
- | .date{ vertical-align: top;
| + | <div class="t-box" style="top:20px"> |
- | line-height: 1.4em;
| + | <a href="/Team:Goettingen/NoteBook/timeline" style="margin-left:15px;display:inline-block;text-decoration:none;"> |
- | font-size: 13pt;
| + | <h2 style="text-align:center">Timeline</h2> |
- | left: 80px;
| + | <img src="https://static.igem.org/mediawiki/2013/a/ae/Goe-timeline-icon.png"> |
- | position: relative;
| + | </a> |
- | z-index:1;
| + | |
- | color:#4a7ebb}
| + | |
| | | |
- | .cont{ vertical-align: top;
| |
- | display: inline-block;
| |
- | position: relative;
| |
- | left: 75px;
| |
- | padding: 0px 20px 10px 20px;
| |
- | border: 1px #4a7ebb solid;
| |
- | -moz-box-shadow: 1px 1px 1px #aaa;
| |
- | -webkit-box-shadow: 1px 1px 1px #aaa;
| |
- | box-shadow: 1px 1px 1px #aaa;
| |
- | /* For IE 8 */
| |
- | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#aaa')";
| |
- | /* For IE 5.5 - 7 */
| |
- | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#aaa');
| |
- | background:#fff;
| |
- | max-width:700px;}
| |
| | | |
- | .spacing{background: #ddd;
| |
- | position: absolute;
| |
- |
| |
- | width: 10px;
| |
- | left: 121px;}
| |
| | | |
- | .tlob{ display: block; | + | <a href="https://static.igem.org/mediawiki/2013/e/eb/Goe-iGEM_Protocolls.pdf" style="margin-left:50px;display:inline-block;text-decoration:none;"> |
- | position: relative;
| + | <h2 style="text-align:center">Protocol</h2> |
- | margin-top: 20px;
| + | <img src="https://static.igem.org/mediawiki/2013/3/32/Goe-protocol.png"> |
- | vertical-align: top;
| + | </a> |
- | }
| + | |
| | | |
| + | <br><br> |
| | | |
- | #loadmore{ text-align: center;
| |
- | padding: 10px 0;
| |
- | color: #aaa;
| |
- | font-size: 13pt;
| |
- | border: 0;
| |
- | cursor:pointer;}
| |
| | | |
- | #loadmore:hover{color:#888;
| |
- | background:#eee;}
| |
- |
| |
- | .timeline-title{font-size:12pt;font-weight:normal;color:#4a7ebb;cursor:pointer;}
| |
- | </style>
| |
- | <div id="body">
| |
- | <div class="f-box" style="padding-bottom:30px">
| |
- | </html>
| |
- | ===Timeline===
| |
- | <html>
| |
- | <div class="monat">June</div>
| |
- | <div class="spacing"></div>
| |
- |
| |
- |
| |
- | <script>
| |
- | woche = 3;
| |
- | addw = "https://2013.igem.org/Team:Goettingen/NoteBook_w" + woche + "?action=raw&ctype=text";
| |
- | xmlhttp.open("GET",addw,false);
| |
- | xmlhttp.send();
| |
- | NoteBook_wn = xmlhttp.responseText;
| |
- | document.write(NoteBook_wn);
| |
- |
| |
- | </script>
| |
| </div> | | </div> |
- | <div class="f-box">
| + | </div> |
- | <div id="loadmore" onclick="loadmore()">Load More</div>
| + | |
- | </div><!--close f-box--> | + | |
| </html> | | </html> |