Team:Goettingen/NoteBook

From 2013.igem.org

(Difference between revisions)
(→Navigation)
(→Notebook)
 
(35 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" />
-
<style>
+
</div>
-
p{font-size:11pt;line-height:1.2em}
+
<br />
-
 
+
-
.timeline-cont {display:none}
+
-
 
+
-
.monat{    font-size: 20pt;
+
-
    background: #8f0000;
+
-
    color: #fff;
+
-
    width: 110px;
+
-
    padding-left: 40px;
+
-
    position: relative;
+
-
    display: block;
+
-
    z-index:1;}
+
-
 
+
-
.date{    vertical-align: top;
+
-
    line-height: 1.4em;
+
-
    font-size: 13pt;
+
-
    left: 0px;
+
-
    position: relative;
+
-
    z-index:1;
+
-
    color:#4a7ebb}
+
-
 
+
-
.cont{ vertical-align: top; 
+
-
    display: inline-block;
+
-
    position: relative;
+
-
    left: -5px;
+
-
    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:650px;}
+
-
 
+
-
.tlob{    display: block;
+
-
    position: relative;
+
-
    margin-top: 20px;
+
-
    vertical-align: top;
+
-
    }
+
-
 
+
-
.fbutton{display: inline-block;
+
-
    text-align: center;
+
-
    border: 1px #D3D8D0 solid;
+
-
    width: 100px;
+
-
    float: right;
+
-
    padding: 10px 0 10px 0;
+
-
    font-family: Cambria;
+
-
    font-size: 12pt;
+
-
    color: #AFCE9E;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
}
+
-
 
+
-
.fbutton:hover{background: #EBF7E5;
+
-
color: #afce9e;}
+
-
 
+
-
#loadmore{ text-align: center;
+
-
    padding: 10px 0;
+
-
    color: #AFCE9E;
+
-
    font-size: 13pt;
+
-
    border-top: 2px #ebf7e5 solid;
+
-
    cursor:pointer;
+
-
    background:#fff;}
+
-
 
+
-
#loadmore:hover{background: #EBF7E5;}
+
-
 
+
-
.timeline-title{font-size:13pt;color:#888;cursor:pointer;font-family:Cambria}
+
-
 
+
-
#col-left{width:18%}
+
-
 
+
-
#col-right{width:80%}
+
-
</style>
+
-
 
+
-
 
+
<script>
<script>
-
 
-
//加载结束执行
 
$(document).ready(function(){
$(document).ready(function(){
$(".notebook").addClass('deact');
$(".notebook").addClass('deact');
-
updatePage();
 
-
tlc[0].style.display = 'block';
 
-
 
-
 
-
 
});
});
-
 
-
//变量定义，tlt:timeline-title,tlc:timeline-cont；fbutton:foldbutton
 
-
tlt = [];
 
-
tlc = [];
 
-
fbutton = [];
 
-
 
-
//与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.getElementById("wrapper").innerHTML += xmlhttp.responseText;
 
-
            woche--;
 
-
            updatePage();
 
-
           
 
-
}
 
-
 
-
//更新页面，主要为1、重新抓取tlt，tlc,fbutton数组，定义onclick event；2、更新时间“线”长度
 
-
function updatePage(){
 
-
  if(woche == 1){document.getElementById("loadmore").style.display = 'none'} else {document.getElementById("loadmore").style.display = 'block';}
 
-
  tlob = document.getElementsByClassName("tlob");
 
-
  tlt = document.getElementsByClassName("timeline-title");
 
-
  tlc = document.getElementsByClassName("timeline-cont");
 
-
  fbutton = document.getElementsByClassName("fbutton");
 
-
 
-
    for(i=0;i<tlt.length;i++){
 
-
    tlt[i].onclick = function(){var tlsib = this.nextElementSibling||getNextElementSibling(this);
 
-
                                toggle(tlsib);}
 
-
    tlt[i].title = "Click to fold/extend";}
 
-
for(i=0;i<fbutton.length;i++){
 
-
    fbutton[i].onclick = function(){ this.parentNode.style.display = 'none';}
 
-
    }
 
-
    //tlc[0].style.display = 'block';
 
-
}
 
-
 
-
//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");
 
-
  }
 
-
 
-
//获得并返回今天的日期
 
-
 
-
function heute(){
 
-
  var heute = new Date();
 
-
  var tag = heute.getDate();
 
-
  var monat = heute.getMonth();
 
-
  switch(monat){
 
-
        case 0:monat='Jan.';break;
 
-
        case 1:monat='Feb.';break;
 
-
        case 2:monat='Mar.';break;
 
-
        case 3:monat='Apr.';break;
 
-
        case 4:monat='May';break;
 
-
        case 5:monat='Jun.';break;
 
-
        case 6:monat='Jul.';break;
 
-
        case 7:monat='Aug.';break;
 
-
        case 8:monat='Sept.';break;
 
-
        case 9:monat='Oct.';break;
 
-
        case 10:monat='Nov.';break;
 
-
        case 11:monat='Dec.';break;
 
-
}
 
-
return{date:tag, month:monat}
 
-
}
 
-
 
-
 
-
 
</script>
</script>
-
<img id="slide" src="https://static.igem.org/mediawiki/2013/8/8c/Header-goe-3.jpg"  />
 
-
  <div style="
 
-
    position: absolute;
 
-
    top: 250px;
 
-
    width: 200px;
 
-
    height: 190px;
 
-
    background: black;
 
-
    opacity: 0.6;
 
-
    color: white;
 
-
    padding: 20px 20px 20px 20px;
 
-
    left: 40px;
 
-
    font-size:13pt;
 
-
">
 
-
    <span>Today is<br>
 
-
</span>
 
-
    <span style="
 
-
    font-size: 130pt;
 
-
    text-align: center;
 
-
    line-height: 0.9em;
 
-
"><script>
 
-
document.write(heute().date);
 
-
  </script></span>
 
-
    <span style="
 
-
    font-size: 15pt;
 
-
"><script>
 
-
document.write(heute().month);
 
-
</script></span>
 
-
  </div>
 
-
 
-
 
-
</div><!--close header-->
 
-
<br />
 
-
 
-
<script>
 
-
function foldAll(){
 
-
  //updatePage();
 
-
  for(i=0;i<tlc.length;i++){
 
-
      tlc[i].style.display = 'none';
 
-
}}
 
-
</script>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2013/8/8b/Goe-fold.png" style="position:fixed;z-index:199;bottom:11%;right:2.5%;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);cursor:pointer" onclick="foldAll()" />
 
-
 
-
 
-
 
<div id="body">
<div id="body">
-
<div class="f-box">
+
<div class="f-box" style="height:401px">
-
  <div id="col-left">
+
<div class="d-box br">
-
  <div id="nav">
+
</html>
</html>
-
===Navigation===
+
===Notebook===
-
<html>
+
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>
+
-
a{cursor:pointer}
+
-
</style>
+
-
<ul>
+
-
<li>September</li>
+
-
<ul>
+
-
    <li><a onclick="getWeeklyJournal(16,this)">Week 16</a></li>
+
-
    <li><a onclick="getWeeklyJournal(15,this)">Week 15</a></li>
+
-
    <li><a onclick="getWeeklyJournal(14,this)">Week 14</a></li>
+
-
</ul>
+
-
<li>August</li>
+
-
<ul>
+
-
    <li><a onclick="getWeeklyJournal(13,this)">Week 13</a></li>
+
-
    <li><a onclick="getWeeklyJournal(12,this)">Week 12</a></li>
+
-
    <li><a onclick="getWeeklyJournal(11,this)">Week 11</a></li>
+
-
    <li><a onclick="getWeeklyJournal(10,this)">Week 10</a></li>
+
-
</ul> 
+
-
<li>July
+
-
<ul>
+
-
    <li><a onclick="getWeeklyJournal(9,this)">Week 9</a></li>
+
-
    <li><a onclick="getWeeklyJournal(8,this)">Week 8</a></li>
+
-
    <li><a onclick="getWeeklyJournal(7,this)">Week 7</a></li>
+
-
    <li><a onclick="getWeeklyJournal(6,this)">Week 6</a></li>
+
-
    <li><a onclick="getWeeklyJournal(5,this)">Week 5</a></li>
+
-
</ul>
+
-
<li>June
+
-
<ul>
+
-
    <li><a onclick="getWeeklyJournal(4,this)">Week 4</a></li>
+
-
    <li><a onclick="getWeeklyJournal(3,this)">Week 3</a></li>
+
-
    <li><a onclick="getWeeklyJournal(2,this)">Week 2</a></li>
+
-
    <li><a onclick="getWeeklyJournal(1,this)">Week 1</a></li>
+
-
    </ul>
+
-
</li>
+
-
</ul>
+
-
<script>
+
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.
-
function getWeeklyJournal(n,obj){
+
-
  //obj.style.marginLeft = '10px';
+
-
  woche = n;
+
-
  addw = "https://2013.igem.org/Team:Goettingen/NoteBook_w" + n + "?action=raw&ctype=text";
+
-
  xmlhttp.open("GET",addw,false);
+
-
  xmlhttp.send();
+
-
  NoteBook_wn = xmlhttp.responseText;
+
-
  document.getElementById('wrapper').innerHTML = NoteBook_wn;
+
-
  updatePage();
+
-
tlc[0].style.display = 'block';
+
-
}
+
-
 
+
 +
Click the icons on the right side to check out our timeline or our standard protocol.
-
</script>
 
-
</html>
 
-
 
-
===&nbsp;===
 
<html>
<html>
-
</div><!--close nav-->
+
</div><!--close d-box -->
-
</div><!--close col-left-->
+
<div class="t-box" style="top:20px">
-
  <div id="col-right" style="padding:0 0 0 0;background-image: url(&quot;https://static.igem.org/mediawiki/2013/7/72/Goe-timeline.png&quot;);background-repeat: repeat-y;">
+
<a href="/Team:Goettingen/NoteBook/timeline" style="margin-left:15px;display:inline-block;text-decoration:none;">
-
        <div style="background:#fff;height:40px;width:100%"></div>
+
<h2 style="text-align:center">Timeline</h2>
-
        <div id="wrapper">
+
<img src="https://static.igem.org/mediawiki/2013/a/ae/Goe-timeline-icon.png">
-
       
+
</a>
-
<script>
 
-
woche= 16;
 
-
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>
+
<a href="https://static.igem.org/mediawiki/2013/e/eb/Goe-iGEM_Protocolls.pdf" style="margin-left:50px;display:inline-block;text-decoration:none;">
-
</div><!--close wapper-->
+
<h2 style="text-align:center">Protocol</h2>
-
<br />
+
<img src="https://static.igem.org/mediawiki/2013/3/32/Goe-protocol.png">
-
<div id="loadmore" class="bt" onclick="loadmore()">Load More ▼</div>
+
</a>
-
</div><!--close col-right>
+
 +
<br><br>
 +
</div>
 +
</div>
</html>
</html>

Latest revision as of 19:24, 3 October 2013





The beast and its Achilles heel:

 A novel target to fight multi-resistant pathogenic bacteria


Notebook

This year we started early. At the beginning of January 2013, 12 of us gathered together and formed our 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 (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".

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.

Click the icons on the right side to check out our timeline or our standard protocol.

Timeline

Protocol

Retrieved from "http://2013.igem.org/Team:Goettingen/NoteBook"