Difference between revisions of "Team:KU Leuven/Journal/Timeline"

 
(85 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
{{KU_Leuven/css}}
 
{{KU_Leuven/css}}
 
{{KU_Leuven/journal/timeline}}
 
{{KU_Leuven/journal/timeline}}
 +
{{KU_Leuven/journal/timeline/jq}}
 
<html>
 
<html>
  
 +
<head>
 +
<link rel="icon" href="https://static.igem.org/mediawiki/2015/9/9c/Ku_Leuven_Favicon.gif" />
 +
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2015/9/9c/Ku_Leuven_Favicon.gif" /
 +
</head>
  
 
+
<body>
<style>
+
 
+
 
+
.hidden {
+
    display:none;
+
}
+
 
+
</style>
+
 
+
 
<div id="headimg">
 
<div id="headimg">
 
<div id="topimg">
 
<div id="topimg">
Line 21: Line 17:
  
 
<div class="wrapper">
 
<div class="wrapper">
 +
<div  class="center" id="wire">
 +
      <img src="https://static.igem.org/mediawiki/2015/a/a7/KU_Leuven_Wirewiki.jpg" height="100%">
 +
</div>
 +
<div id="table" class="center">
 
   <div class="leftcolum">
 
   <div class="leftcolum">
     <div class="map1">
+
     <div class="map1" id="left1">
       <h2>September <br/> <br/> 2015</h2>
+
       <p>September <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map2">
+
     <div class="map2" id="left2">
       <h2>August <br/> <br/> 2015 </h2>
+
       <p>August <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map3">
+
     <div class="map3" id="left3">
       <h2>July <br/><br/> 2015 </h2>
+
       <p>July <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map4">
+
     <div class="map4" id="left4">
       <h2>June <br/> <br/> 2015 </h2>
+
       <p>June <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map5">
+
     <div class="map5" id="left5">
       <h2> May <br/> <br/> 2015 </h2>
+
       <p> May <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map6">
+
     <div class="map6" id="left6">
       <h2>April <br/> <br/> 2015 </h2>
+
       <p>April <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map7">
+
     <div class="map7" id="left7">
       <h2>March <br/> <br/> 2015 </h2>
+
       <p>March <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map8">
+
     <div class="map8" id="left8">
       <h2>February <br/> <br/> 2015</h2>
+
       <p>February <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map9">
+
     <div class="map9" id="left9">
       <h2>January <br/> <br/> 2015 </h2>
+
       <p>January <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map10">
+
     <div class="map10" id="left10">
       <h2>December <br/> <br/> 2014 </h2>
+
       <p>December <br/>2014</p>
 
     </div>
 
     </div>
     <div class="map11">
+
     <div class="map11" id="left11">
       <h2>November <br/> <br/> 2014</h2>
+
       <p>November <br/>2014</p>
 
     </div>
 
     </div>
     <div class="map12">
+
     <div class="map12" id="left12">
       <h2>October <br/> <br/> 2014</h2>
+
       <p>October <br/>2014</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
  <div class="middlecolum">
+
    <div class="maptext" id="left">
     <div class="maptext1">
+
    </div>
       <div class="left">
+
     <div class="maptext" >
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
+
       <p font-style="italic">The complete history of Spot E.Shape   
 +
      </p>
 +
    </div>
 +
 
 +
    <div class="future" id="left">
 +
      <p>Made by Leen Verschooten</p>
 +
    </div>
 +
    <div class="future" id="right" >
 +
      <canvas id=c></canvas>
 +
      <div id=overlay></div>
 +
      <div id="inp">
 +
      <p>
 +
        <input type=range min=0 max=100 step=1 id=alp value=10 />
 +
      </p>
 
       </div>
 
       </div>
       <div class="right">
+
       <p font-style="italic">Who knows what the future will bring...   
 +
      </p>
 +
    </div>
 +
 
 +
    <div class="maptext1" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
 +
    </div>
 +
 
 +
    <div class="maptext1" id="right">
 +
<h2>September</h2>
 
<p> - Deadline for Wiki freeze (09/18/15) </p>
 
<p> - Deadline for Wiki freeze (09/18/15) </p>
 
<p> - iGEM 2015 Giant Jamboree (09/24/15 - 09/28/15)
 
<p> - iGEM 2015 Giant Jamboree (09/24/15 - 09/28/15)
 
</p>
 
</p>
 
       </div>
 
       </div>
    </div>
+
 
     <div class="maptext2">
+
     <div class="maptext2" id="left">
      <div class="left">
+
 
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
 
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
      </div>
+
    </div>
      <div class="right">
+
 
<p> - Keep up the good work
+
    <div class="maptext2" id="right">
 +
<h2>August</h2>
 +
<p> - Deadline for Wiki freeze (09/18/15) </p>
 +
<p> - iGEM 2015 Giant Jamboree (09/24/15 - 09/28/15)
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
    <div class="maptext3" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/5/54/KU_Leuven_July2.jpg" width= "90%" >
 
     </div>
 
     </div>
     <div class="maptext3">
+
 
      <div class="left">
+
     <div class="maptext3" id="right">
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
+
<h2>July</h2>
      </div>
+
<p>During July, the whole team reviewed the literature. We constructed the plasmid and searched quantification methods for specific proteins. The wet lab started with the knock-out of genes for the development of the right strains and the first mathematical models were made. We want to keep everybody updated about our work by using social media and developing the wiki. Education and events for collaboration between different iGEM-teams were planned. Also practical arrangements for the stay during the Giant Jamboree were made. At the 21st of July, we held a meet-up with the iGEM team of Toulouse to discuss our projects.
      <div class="right">
+
<p> During July, the whole team reviewed the literature. We constructed the plasmid and searched quantification methods for specific proteins. The wet lab started with the knock-out of genes for the development of the right strains and the first mathematical models were made. We want to keep everybody updated about our work by using social media and developing the wiki. Education and events for collaboration between different iGEM-teams were planned. Also practical arrangements for the stay during the Giant Jamboree were made. At the 21st of July, we held a meet-up with the iGEM team of Toulouse to discuss our projects. </p>
+
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
    <div class="maptext4" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/e/ee/KU_Leuven_June.JPG" width= "90%" >
 
     </div>
 
     </div>
     <div class="maptext4">
+
 
      <div class="left">
+
     <div class="maptext4" id="right">
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
+
<h2>June</h2>
      </div>
+
<p>In June, the new exam period arrived. Members with few examens reviewed the literature and start searching sponsors.
      <div class="right">
+
<p> In June, the new exam period arrived. Members with few examens reviewed the literature and start searching sponsors.
+
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
    <div class="maptext5" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/3/32/KU_Leuven_May.JPG" width= "90%" >
 
     </div>
 
     </div>
     <div class="maptext5">
+
 
      <div class="left">
+
     <div class="maptext5" id="right">
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
+
<h2>May</h2>
      </div>
+
<p>The ’Opening Event’ took place on the 20th of May. Here we introduced our topic to the advisors and potential sponsors.
      <div class="right">
+
<p> The ’Opening Event took place on the 20th of April. Here we introduced our topic to the advisors and potential sponsors
+
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
    <div class="maptext6" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/0/07/KU_Leuven_April.jpg" width= "90%" >
 
     </div>
 
     </div>
    <div class="maptext6">
 
      <div class="left">
 
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
 
      </div>
 
      <div class="right">
 
<p> On the 21st of April, we shared our topic with the advisors. We started organising  ourselves, by  dividing the team in subteams.
 
  
 +
    <div class="maptext6" id="right">
 +
<h2>April</h2>
 +
<p>On the 21st of April, we shared our topic with the advisors. We started organising  ourselves, by  dividing the team in subteams.
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
    <div class="maptext7" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/a/a9/KU_Leuven_March.jpg" width= "90%" >
 
     </div>
 
     </div>
     <div class="maptext7">
+
 
      <div class="left">
+
     <div class="maptext7" id="right">
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
+
<h2>March</h2>
      </div>
+
<p>"March is a month of considerable frustration - it is so near spring and yet across a great deal of the country the weather is still so violent and changeable that outdoor activity in our yards seems light years away."
      <div class="right">
+
-  Thalassa Cruso
<p> We chose three topics to work in detail from the list of several topics and we are grateful to our advisors who helped us in making our choice.The final topic was chosen on the 31st of March and all our excitements converged to that one idea.
+
 
 +
We chose three topics to work in detail from the list of several topics and we are grateful to our advisors who helped us in making our choice.The final topic was chosen on the 31st of March and all our excitements converged to that one idea.
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
    <div class="maptext8" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/f/f2/KU_Leuven_February.jpg" width= "90%" >
 
     </div>
 
     </div>
     <div class="maptext8">
+
 
      <div class="left">
+
     <div class="maptext8" id="right">
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
+
<h2>February</h2>
      </div>
+
<p>"Every gardener knows that under the cloak of winter lies a miracle ... a seed waiting to sprout, a bulb opening to the light, a bud straining to unfurl.  And the anticipation nurtures our dream."
      <div class="right">
+
-  Barbara Winkler
<p> Unleashing the bundled enthusiasm on our first brainstorming session on the 11th of February, to generate ideas for the project. Eventually we chose eight out of the seventeen proposed ideas to work further on. </p>
+
Unleashing the bundled enthusiasm on our first brainstorming session on the 11th of February, to generate ideas for the project. Eventually we chose eight out of the seventeen proposed ideas to work further on.
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
    <div class="maptext9" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/e/ef/KU_Leuven_January.jpg" width= "90%" >
 
     </div>
 
     </div>
     <div class="maptext9">
+
 
      <div class="left">
+
     <div class="maptext9" id="right">
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
+
<h2>January</h2>
      </div>
+
<p>‘Exams, Exams, Exams’. Not much involvement but we had a nice iGEM team and a summer project to look forward too.
      <div class="right">
+
<p> ‘Exams, Exams, Exams’. Not much involvement but we had a nice iGEM team and a summer project to look forward too.
+
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
    <div class="maptext10" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e1/KU_Leuven_December.jpg" width= "90%" >
 
     </div>
 
     </div>
     <div class="maptext10">
+
 
      <div class="left">
+
     <div class="maptext10" id="right">
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
+
<h2>December</h2>
      </div>
+
<p>The candidates’ interviews took place on the 10th and 11th of December and our ‘lucky 13’ team was formed. The first get together meeting was organized on the 19th of December.
      <div class="right">
+
<p>The candidates’ interviews took place on the 10th and 11th of December and our ‘lucky 13’ team was formed. The first get together meeting was organised on the 19th of December.
+
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
    <div class="maptext11" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/8/86/KU_Leuven_November.PNG" width= "90%" >
 
     </div>
 
     </div>
     <div class="maptext11">
+
 
      <div class="left">
+
     <div class="maptext11" id="right">
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
+
<h2>November</h2>
      </div>
+
<p>The ex-iGEM’mers and the previous advisors organised at the 4th, 5th, 13th and 20th of November information sessions in different faculties. Candidates could apply till the 23rd of November by sending a CV and motivation letter.
      <div class="right">
+
<p>
+
The ex-iGEM’mers and the previous advisors organised at the 4th, 5th, 13th and 20th of November information sessions in different faculties. Candidates could apply till the 23rd of November by sending a CV and motivation lettre.
+
 
</p>
 
</p>
 
       </div>
 
       </div>
    </div>
+
 
     <div class="maptext12">
+
     <div class="maptext12" id="left">
      <div class="left">
+
 
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
 
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
      </div>
+
    </div>
      <div class="right">
+
 
<p> The search for the team has started, ex-iGEM’mers introduced the iGEM competition by a movie in auditoria.
+
    <div class="maptext12" id="right">
 +
<h2>October</h2>
 +
<p>The search for the team has started, ex-iGEM’mers introduced the iGEM competition by a movie in auditoria.
 
</p>
 
</p>
 
       </div>
 
       </div>
 +
 +
<div class="begining" id="left">
 +
    </div>
 +
    <div class="begining" id="right" >
 +
<h2>iGEM Competition</h2>
 +
    <p> iGEM began in January of 2003 with a month-long course at MIT during their Independent Activities Period (IAP). The students designed biological systems to make cells blink. This design course grew to a summer competition with 5 teams in 2004, 13 teams in 2005 - the first year that the competition grew internationally - 32 teams in 2006, 54 teams in 2007, 84 teams in 2008, 112 teams in 2009, 130 teams in 2010, and 165 teams in 2011. Projects range from a rainbow of pigmented bacteria, to banana and wintergreen smelling bacteria, an arsenic biosensor, Bactoblood, and buoyant bacteria. </p>
 +
    </div>
 +
 +
 +
    <div class="maptext13" id="left">
 +
    </div>
 +
    <div class="maptext13" id="right">
 
     </div>
 
     </div>
  
 +
 
 
   <div class="rightcolum">
 
   <div class="rightcolum">
     <div class="map1">
+
     <div class="map1" id="right1">
       <h2>September <br/> <br/> 2015</h2>
+
       <p>September <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map2">
+
     <div class="map2" id="right2">
       <h2>August <br/> <br/> 2015 </h2>
+
       <p>August <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map3">
+
     <div class="map3" id="right3">
       <h2>July <br/><br/> 2015 </h2>
+
       <p>July <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map4">
+
     <div class="map4" id="right4">
       <h2>June <br/> <br/> 2015 </h2>
+
       <p>June <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map5">
+
     <div class="map5" id="right5">
       <h2> May <br/> <br/> 2015 </h2>
+
       <p> May <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map6">
+
     <div class="map6" id="right6">
       <h2>April <br/> <br/> 2015 </h2>
+
       <p>April <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map7">
+
     <div class="map7" id="right7">
       <h2>March <br/> <br/> 2015 </h2>
+
       <p>March <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map8">
+
     <div class="map8" id="right8">
       <h2>February <br/> <br/> 2015</h2>
+
       <p>February <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map9">
+
     <div class="map9" id="right9">
       <h2>January <br/> <br/> 2015 </h2>
+
       <p>January <br/>2015</p>
 
     </div>
 
     </div>
     <div class="map10">
+
     <div class="map10" id="right10">
       <h2>December <br/> <br/> 2014 </h2>
+
       <p>December <br/>2014</p>
 
     </div>
 
     </div>
     <div class="map11">
+
     <div class="map11" id="right11">
       <h2>November <br/> <br/> 2014</h2>
+
       <p>November <br/>2014</p>
 
     </div>
 
     </div>
     <div class="map12">
+
     <div class="map12" id="right12">
       <h2>October <br/> <br/> 2014</h2>
+
       <p>October <br/>2014</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
Line 253: Line 305:
 
</div>
 
</div>
 
</div>
 
</div>
 +
</body>
 +
 +
<script>
 +
var w = c.width = 350,
 +
    h = c.height = 350,
 +
    ctx = c.getContext('2d'),
 +
   
 +
    tau = Math.PI*2,
 +
    delta = .004,
 +
    thickness = .2,
 +
   
 +
    frame = 0;
 +
 +
function anim(){
 +
  window.requestAnimationFrame(anim);
 +
 
 +
  ++frame;
 +
 
 +
  ctx.fillStyle = 'rgba(0, 0, 0, repAl)'.replace('repAl', alp.value/100);
 +
  ctx.fillRect(0, 0, w, h);
 +
 
 +
  for(var i = 0; i < w; ++i){
 +
    ctx.strokeStyle = 'hsl(hue, 80%, 50%)'.replace('hue',
 +
            (360 / (w/3) * i - frame) % 360
 +
        );
 +
    ctx.beginPath();
 +
    ctx.arc(w/2, h/2, (i + frame)%w/2,
 +
            (frame*delta + i)%tau,
 +
            (delta*frame + thickness + i)%tau
 +
          );
 +
    ctx.stroke();
 +
    ctx.closePath();
 +
  }
 +
}
 +
anim();
 +
 +
</script>
  
 
</html>
 
</html>

Latest revision as of 16:16, 4 August 2015

September
2015

August
2015

July
2015

June
2015

May
2015

April
2015

March
2015

February
2015

January
2015

December
2014

November
2014

October
2014

The complete history of Spot E.Shape

Made by Leen Verschooten

September
2015

August
2015

July
2015

June
2015

May
2015

April
2015

March
2015

February
2015

January
2015

December
2014

November
2014

October
2014