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

 
(92 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
<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 16:
 
</div>
 
</div>
  
<div class="hidden">
+
<div class="wrapper">
<div class="map">
+
<div class="center" id="wire">
<div class="map1">
+
      <img src="https://static.igem.org/mediawiki/2015/a/a7/KU_Leuven_Wirewiki.jpg" height="100%">
<h2>September <br/> <br/> 2015</h2>
+
 
</div>
 
</div>
<div class="folder">
+
<div id="table" class="center">
</div>
+
  <div class="leftcolum">
<div class="hiddenfolder">
+
    <div class="map1" id="left1">
<div class="hf1">
+
      <p>September <br/>2015</p>
</div>
+
    </div>
</div>
+
    <div class="map2" id="left2">
</div>
+
      <p>August <br/>2015</p>
<div class="maptext1">
+
    </div>
<div class="right">
+
    <div class="map3" id="left3">
 +
      <p>July <br/>2015</p>
 +
    </div>
 +
    <div class="map4" id="left4">
 +
      <p>June <br/>2015</p>
 +
    </div>
 +
    <div class="map5" id="left5">
 +
      <p> May <br/>2015</p>
 +
    </div>
 +
    <div class="map6" id="left6">
 +
      <p>April <br/>2015</p>
 +
    </div>
 +
    <div class="map7" id="left7">
 +
      <p>March <br/>2015</p>
 +
    </div>
 +
    <div class="map8" id="left8">
 +
      <p>February <br/>2015</p>
 +
    </div>
 +
    <div class="map9" id="left9">
 +
      <p>January <br/>2015</p>
 +
    </div>
 +
    <div class="map10" id="left10">
 +
      <p>December <br/>2014</p>
 +
    </div>
 +
    <div class="map11" id="left11">
 +
      <p>November <br/>2014</p>
 +
    </div>
 +
    <div class="map12" id="left12">
 +
      <p>October <br/>2014</p>
 +
    </div>
 +
  </div>
 +
 
 +
    <div class="maptext" id="left">
 +
    </div>
 +
    <div class="maptext" >
 +
      <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>
 +
      <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 class="left">
+
<img src="https://static.igem.org/mediawiki/2015/4/44/KU_Leuven_September.jpg" width="100%" >
+
</div>
+
</div>
+
</div>
+
  
 +
    <div class="maptext2" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
 +
    </div>
  
<div class="map">
+
    <div class="maptext2" id="right">
<div class="map2">
+
<h2>August</h2>
<h2>August <br/> <br/> 2015 </h2>
+
<p> - Deadline for Wiki freeze (09/18/15) </p>
</div>
+
<p> - iGEM 2015 Giant Jamboree (09/24/15 - 09/28/15)
<div class="folder2">
+
</div>
+
<div class="hiddenfolder2">
+
<div class="hf1">
+
</div>
+
<div class="hf2">
+
</div>
+
</div>
+
</div>
+
<div class="maptext2">
+
<p> - Keep up the good work
+
 
</p>
 
</p>
<img src="https://static.igem.org/mediawiki/2015/b/b1/KU_Leuven_August.jpg" width="100%" >
+
      </div>
</div>
+
  
<div class="map">
+
    <div class="maptext3" id="left">
<div class="map3">
+
<img src="https://static.igem.org/mediawiki/2015/5/54/KU_Leuven_July2.jpg" width= "90%" >
<h2>July <br/><br/> 2015 </h2>
+
    </div>
</div>
+
 
<div class="folder3">
+
    <div class="maptext3" id="right">
</div>
+
<h2>July</h2>
<div class="hiddenfolder3">
+
<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="hf1">
+
</div>
+
<div class="hf2">
+
</div>
+
<div class="hf3">
+
</div>
+
</div>
+
</div>
+
<div class="maptext3">
+
<div class="right">
+
<p> - Literature review </p>
+
<p> - Preliminary wet lab experiments and working on the Mathematical models </p>
+
<p> - Updating social media </p>
+
<p> - Working on the Wiki </p>
+
<p> - Planning education and events (awareness) </p>
+
<p> - Arranging the stay during Giant Jamboree </p>
+
<p> - Meeting the Toulouse iGEM team members (07/22/15) </p>
+
 
</p>
 
</p>
</div>
+
      </div>
<div class="left">
+
<img src="https://static.igem.org/mediawiki/2015/2/2e/KU_Leuven_July.jpg" width= "100%" >
+
</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 class="map">
+
    <div class="maptext4" id="right">
<div class="map4">
+
<h2>June</h2>
<h2>June <br/> <br/> 2015 </h2>
+
<p>In June, the new exam period arrived. Members with few examens reviewed the literature and start searching sponsors.
</div>
+
<div class="folder4">
+
</div>
+
<div class="hiddenfolder4">
+
<div class="hf1">
+
</div>
+
<div class="hf2">
+
</div>
+
<div class="hf3">
+
</div>
+
<div class="hf4">
+
</div>
+
</div>
+
</div>
+
<div class="maptext4">
+
<div class="right">
+
<p> - Exam period </p>
+
<p> - Literature review </p>
+
<p> - Actively seeking sponsors
+
 
</p>
 
</p>
</div>
+
      </div>
<div class="left">
+
<img src="https://static.igem.org/mediawiki/2015/e/ee/KU_Leuven_June.JPG" width= "100%" >
+
</div>
+
</div>
+
  
<div class="map">
+
    <div class="maptext5" id="left">
<div class="map5">
+
<img src="https://static.igem.org/mediawiki/2015/3/32/KU_Leuven_May.JPG" width= "90%" >
<h2> May <br/> <br/> 2015 </h2>
+
    </div>
</div>
+
 
<div class="folder5">
+
    <div class="maptext5" id="right">
</div>
+
<h2>May</h2>
<div class="hiddenfolder5">
+
<p>The ’Opening Event’ took place on the 20th of May. Here we introduced our topic to the advisors and potential sponsors.
<div class="hf1">
+
</div>
+
<div class="hf2">
+
</div>
+
<div class="hf3">
+
</div>
+
<div class="hf4">
+
</div>
+
<div class="hf5">
+
</div>
+
</div>
+
</div>
+
<div class="maptext5">
+
<div class="right">
+
<p> - The ’Opening Event’ to introduce our topic to the advisors and potential sponsors (05/20/15)
+
 
</p>
 
</p>
</div>
+
      </div>
<div class="left">
+
<img src="https://static.igem.org/mediawiki/2015/3/32/KU_Leuven_May.JPG" width= "100%" >
+
</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 class="map">
+
    <div class="maptext6" id="right">
<div class="map6">
+
<h2>April</h2>
<h2>April <br/> <br/> 2015 </h2>
+
<p>On the 21st of April, we shared our topic with the advisors. We started organising  ourselves, by  dividing the team in subteams.
</div>
+
<div class="folder6">
+
</div>
+
<div class="hiddenfolder6">
+
<div class="hf1">
+
</div>
+
<div class="hf2">
+
</div>
+
<div class="hf3">
+
</div>
+
<div class="hf4">
+
</div>
+
<div class="hf5">
+
</div>
+
<div class="hf6">
+
</div>
+
</div>
+
</div>
+
<div class="maptext6">
+
<div class="right">
+
<p> - Shared our topic to the advisors, specification of the subteams and divide the tasks (04/21/15)
+
 
</p>
 
</p>
</div>
+
      </div>
<div class="left">
+
<img src="https://static.igem.org/mediawiki/2015/0/07/KU_Leuven_April.jpg" width= "100%" >
+
</div>
+
</div>
+
  
<div class="map">
+
    <div class="maptext7" id="left">
<div class="map7">
+
<img src="https://static.igem.org/mediawiki/2015/a/a9/KU_Leuven_March.jpg" width= "90%" >
<h2>March <br/> <br/> 2015 </h2>
+
    </div>
</div>
+
 
<div class="folder7">
+
    <div class="maptext7" id="right">
</div>
+
<h2>March</h2>
<div class="hiddenfolder7">
+
<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="hf1">
+
- Thalassa Cruso
</div>
+
 
<div class="hf2">
+
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.
</div>
+
<div class="hf3">
+
</div>
+
<div class="hf4">
+
</div>
+
<div class="hf5">
+
</div>
+
<div class="hf6">
+
</div>
+
<div class="hf7">
+
</div>
+
</div>
+
</div>
+
<div class="maptext7">
+
<div class="right">
+
<p> - Meetings of detailed proposals and getting opinions of advisors (03/03/15, 03/11/15, 03/17/15, 03/24/15) </p>
+
<p> - Chose the three best topics </p>
+
<p> - Decided on the topic (03/31/15) </p>
+
<p> - Gathering information on the chosen topic
+
 
</p>
 
</p>
</div>
+
      </div>
<div class="left">
+
<img src="https://static.igem.org/mediawiki/2015/a/a9/KU_Leuven_March.jpg" width= "100%" >
+
</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 class="map">
+
    <div class="maptext8" id="right">
<div class="map8">
+
<h2>February</h2>
<h2>February <br/> <br/> 2015</h2>
+
<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>
+
-  Barbara Winkler
<div class="folder8">
+
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.
</div>
+
<div class="hiddenfolder8">
+
<div class="hf1">
+
</div>
+
<div class="hf2">
+
</div>
+
<div class="hf3">
+
</div>
+
<div class="hf4">
+
</div>
+
<div class="hf5">
+
</div>
+
<div class="hf6">
+
</div>
+
<div class="hf7">
+
</div>
+
<div class="hf8">
+
</div>
+
</div>
+
</div>
+
<div class="maptext8">
+
<div class="right">
+
<p> - Brainstorming session to generate ideas for project (02/11/15) </p>
+
<p>
+
- Vote on ideas to work on further (02/15/15)
+
 
</p>
 
</p>
</div>
+
      </div>
<div class="left">
+
<img src="https://static.igem.org/mediawiki/2015/f/f2/KU_Leuven_February.jpg" width= "100%" >
+
</div>
+
</div>
+
  
<div class="map">
+
    <div class="maptext9" id="left">
<div class="map9">
+
<img src="https://static.igem.org/mediawiki/2015/e/ef/KU_Leuven_January.jpg" width= "90%" >
<h2>January <br/> <br/> 2015 </h2>
+
    </div>
</div>
+
 
<div class="folder9">
+
    <div class="maptext9" id="right">
</div>
+
<h2>January</h2>
<div class="hiddenfolder9">
+
<p>‘Exams, Exams, Exams’. Not much involvement but we had a nice iGEM team and a summer project to look forward too.
<div class="hf1">
+
</div>
+
<div class="hf2">
+
</div>
+
<div class="hf3">
+
</div>
+
<div class="hf4">
+
</div>
+
<div class="hf5">
+
</div>
+
<div class="hf6">
+
</div>
+
<div class="hf7">
+
</div>
+
<div class="hf8">
+
</div>
+
<div class="hf9">
+
</div>
+
</div>
+
</div>
+
<div class="maptext9">
+
<div class="right">
+
<p> Exam period
+
 
</p>
 
</p>
</div>
+
      </div>
<div class="left">
+
<img src="https://static.igem.org/mediawiki/2015/e/ef/KU_Leuven_January.jpg" width= "100%" >
+
</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 class="map">
+
    <div class="maptext10" id="right">
<div class="map10">
+
<h2>December</h2>
<h2>December <br/> <br/> 2014 </h2>
+
<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>
+
<div class="folder10">
+
</div>
+
<div class="hiddenfolder10">
+
<div class="hf1">
+
</div>
+
<div class="hf2">
+
</div>
+
<div class="hf3">
+
</div>
+
<div class="hf4">
+
</div>
+
<div class="hf5">
+
</div>
+
<div class="hf6">
+
</div>
+
<div class="hf7">
+
</div>
+
<div class="hf8">
+
</div>
+
<div class="hf9">
+
</div>
+
<div class="hf10">
+
</div>
+
</div>
+
</div>
+
<div class="maptext10">
+
<div class="right">
+
<p>"We have no idea of what's going to happen; We still love it"
+
<p>
+
- Candidates' interviews on two different dates (12/10/14, 12/11/14) </p>
+
<p>
+
- The team was formed by choosing 13 individuals (12/17/14) </p>
+
<p>
+
- Get-to-know-each-other meeting (12/19/14)
+
 
</p>
 
</p>
</div>
+
      </div>
<div class="left">
+
 
<img src="https://static.igem.org/mediawiki/2015/e/e1/KU_Leuven_December.jpg" width= "100%" >
+
    <div class="maptext11" id="left">
</div>
+
<img src="https://static.igem.org/mediawiki/2015/8/86/KU_Leuven_November.PNG" width= "90%" >
</div>
+
    </div>
  
<div class="map">
+
    <div class="maptext11" id="right">
<div class="map11">
+
<h2>November</h2>
<h2>November <br/> <br/> 2014</h2>
+
<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>
+
<div class="folder11">
+
</div>
+
<div class="hiddenfolder11">
+
<div class="hf1">
+
</div>
+
<div class="hf2">
+
</div>
+
<div class="hf3">
+
</div>
+
<div class="hf4">
+
</div>
+
<div class="hf5">
+
</div>
+
<div class="hf6">
+
</div>
+
<div class="hf7">
+
</div>
+
<div class="hf8">
+
</div>
+
<div class="hf9">
+
</div>
+
<div class="hf10">
+
</div>
+
<div class="hf11">
+
</div>
+
</div>
+
</div>
+
<div class="maptext11">
+
<div class="right">
+
<p>
+
- The ex-iGEM’mers and the previous advisors organised several information sessions in different faculties (11/04/14, 11/05/14, 11/13/14, 11/20/14) </p>
+
<p>
+
- Deadline for applying to the iGEM team 2015 by sending CV and motivation letter (11/23/14)
+
 
</p>
 
</p>
</div>
+
      </div>
<div class="left">
+
<img src="https://static.igem.org/mediawiki/2015/8/86/KU_Leuven_November.PNG" width= "100%" >
+
</div>
+
</div>
+
  
 +
    <div class="maptext12" id="left">
 +
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "90%" >
 +
    </div>
  
<div class="map">
+
    <div class="maptext12" id="right">
<div class="map12">
+
<h2>October</h2>
<h2>October <br/> <br/> 2014</h2>
+
<p>The search for the team has started, ex-iGEM’mers introduced the iGEM competition by a movie in auditoria.
</div>
+
<div class="folder12">
+
</div>
+
</div>
+
<div class="maptext12">
+
<div class="right">
+
<p> - The ex-iGEM’mers introduced the iGEM competition by a movie to the students in auditoria
+
 
</p>
 
</p>
 +
      </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 class="rightcolum">
 +
    <div class="map1" id="right1">
 +
      <p>September <br/>2015</p>
 +
    </div>
 +
    <div class="map2" id="right2">
 +
      <p>August <br/>2015</p>
 +
    </div>
 +
    <div class="map3" id="right3">
 +
      <p>July <br/>2015</p>
 +
    </div>
 +
    <div class="map4" id="right4">
 +
      <p>June <br/>2015</p>
 +
    </div>
 +
    <div class="map5" id="right5">
 +
      <p> May <br/>2015</p>
 +
    </div>
 +
    <div class="map6" id="right6">
 +
      <p>April <br/>2015</p>
 +
    </div>
 +
    <div class="map7" id="right7">
 +
      <p>March <br/>2015</p>
 +
    </div>
 +
    <div class="map8" id="right8">
 +
      <p>February <br/>2015</p>
 +
    </div>
 +
    <div class="map9" id="right9">
 +
      <p>January <br/>2015</p>
 +
    </div>
 +
    <div class="map10" id="right10">
 +
      <p>December <br/>2014</p>
 +
    </div>
 +
    <div class="map11" id="right11">
 +
      <p>November <br/>2014</p>
 +
    </div>
 +
    <div class="map12" id="right12">
 +
      <p>October <br/>2014</p>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
<div class="left">
 
<img src="https://static.igem.org/mediawiki/2015/d/dc/KU_Leuven_October.PNG" width= "100%" >
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 446: 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