Difference between revisions of "Team:UCL/Notebook"
m |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{CSS_UCL6}} |
− | + | ||
+ | <html> | ||
<head> | <head> | ||
+ | |||
+ | |||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | + | .hide { | |
− | + | display: none; | |
− | + | ||
− | + | ||
} | } | ||
− | + | #header2:before | |
− | position: | + | { |
− | left: | + | content: ""; |
+ | background-image: url('https://static.igem.org/mediawiki/2015/d/d3/UCL_MG_0892_%281%29.jpg'); | ||
+ | background-position: 0 0 0 0; | ||
+ | -webkit-background-size: 100% 110%; | ||
+ | -moz-background-size: 100%; | ||
+ | -o-background-size: 100%; | ||
+ | background-size: 100% 110%; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed !important; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | height: 10000px; | ||
+ | overflow: hidden; | ||
} | } | ||
− | # | + | #header2 { |
− | + | width: 100%; | |
− | + | position: relative; | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | margin: | + | top: 0; |
− | + | letter-spacing: 1.1px; | |
+ | font-family: Raleway; | ||
+ | background: none; | ||
+ | vertical-align: middle; | ||
+ | margin: 0 auto; | ||
+ | min-height: 100%; | ||
+ | overflow: hidden; | ||
− | + | } | |
− | + | ||
− | + | ||
− | } | + | |
− | |||
− | |||
− | |||
− | |||
− | + | #menu2 {top: 0px; left: 100px; position: relative; width: 22%; float: left; text-align: center;} | |
− | p { | + | |
− | ul { | + | #wrapper {width: 100%; padding-top: 100px; padding-bottom: 150px; background: none; position: relative; margin: 0 auto;} |
− | + | ||
+ | |||
+ | #notebookcontent {width: 61%; top: 18px; position: relative; float: right; background: none; right: 100px; padding-bottom: 100px;} | ||
+ | |||
+ | |||
+ | #notebookcontent h2 {text-decoration: none; border-bottom: 0px; font-size: 20px; font-family: Raleway; text-transform: uppercase; letter-spacing: 3px; text-align: center; } | ||
+ | |||
+ | #notebookcontent h3 {border: 1px solid #5F8074; background: #ebedea; opacity: 0.5; padding: 7px; font-size: 17px; border-radius: 4px; letter-spacing: 2px; font-weight: normal; margin-top: 10px; } | ||
+ | .day:hover h3 {opacity: 1 !important; transition-property: opacity; | ||
+ | transition-duration: 1s; | ||
+ | transition-timing-function: ease; } | ||
+ | |||
+ | #notebookcontent p { padding-bottom: 5px;} | ||
+ | .notebookweek {text-decoration: none; font-size: 13px; font-weight: normal !important; border-bottom: 0px; background-color: #fff; border-radius: 15px; padding: 20px; padding-top: -4px;} | ||
+ | |||
+ | |||
+ | .title {margin-left: 30px; padding-left: 30px; margin: 0; padding: 0; color: #000; font-family: League Script; font-size: 60px;} | ||
+ | |||
+ | |||
+ | |||
+ | #menu2 ul {list-style: none; margin: 0; padding: 0; margin-top: -20px; } | ||
+ | #menu2 ul li {background-color: rgba(255, 255, 255, 0.8); list-style: none; padding-top: 7px; padding-bottom: 7px; margin-bottom: 10px; margin-top: -4px; opacity: 0.6; color: #000; font-family: Raleway; | ||
+ | letter-spacing: 1.1px; font-size: 14px; border-radius: 4px; display: inline-block; width: 45% !important; } | ||
+ | |||
+ | #menu2 ul li:hover {opacity: 0.7; transition-property: opacity; | ||
+ | transition-duration: 1s; | ||
+ | transition-timing-function: ease; color: #000; -webkit-transition: color ease-in-out 150ms;} | ||
+ | |||
+ | |||
+ | |||
+ | .day {padding: 2px;} | ||
+ | |||
+ | |||
+ | li.selected {background: #fff; border: 2px solid !important; border-color: #22343C; color: #22343C; opacity: 1 !important; animation: selectedappear 1s ease-in 0s 1; | ||
+ | -webkit-animation: selectedappear 1s ease-in 0s 1; font-size: 15px; | ||
} | } | ||
+ | |||
+ | @-webkit-keyframes selectedappear {0% {opacity: 0.7;} 100% {opacity: 1;}} | ||
+ | |||
+ | li.selected:hover {background: #fff; opacity: 1 !important; border: 2px solid !important; border-color: #22343C !important; color: #22343C !important;} | ||
+ | |||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
+ | <body> | ||
− | < | + | <div id="header2"> |
− | |||
− | |||
− | |||
− | < | + | |
− | + | <div id="wrapper"> | |
− | + | ||
− | + | <div id="menu2"> | |
− | <li | + | <p class="title">Notebook</p> |
− | <li | + | <ul class="cos"> |
− | <li | + | <li id="item1">Week 1</li> |
− | <li | + | <li id="item2">Week 2</li> |
− | + | <li id="item3">Week 3</li> | |
− | <li | + | <li id="item4">Week 4</li> |
− | <li | + | <li id="item5">Week 5</li> |
− | <li | + | <li id="item6">Week 6</li> |
− | <li | + | <li id="item7">Week 7</li> |
− | <li | + | <li id="item8">Week 8</li> |
− | + | <li id="item9">Week 9</li> | |
− | <li | + | <li id="item10">Week 10</li> |
− | <li | + | <!-- <li id="item11">...</li> |
− | </ul> | + | <li id="item12">...</li> |
− | <div | + | <li id="item13">...</li> --> |
− | <div class=" | + | |
+ | |||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="notebookcontent"> | ||
+ | <div class="default-text"></div> | ||
+ | |||
+ | |||
+ | <div class="about-item1 hide"> | ||
+ | |||
+ | |||
+ | <div class="notebookweek"> | ||
<h2>Week 1 (15<sup>th</sup> June – 21<sup>st</sup> June)</h2> | <h2>Week 1 (15<sup>th</sup> June – 21<sup>st</sup> June)</h2> | ||
− | + | ||
+ | |||
+ | <div class="day"> | ||
<h3>Bootcamp</h3> | <h3>Bootcamp</h3> | ||
<p> | <p> | ||
Line 115: | Line 180: | ||
<p>We talked to <a href="http://www.synthace.com/">Synthace</a> founding member Rob Stanley. Automating lab work cannot start early enough! We later talked to computational biologists about software methods for modelling biological systems.</p> | <p>We talked to <a href="http://www.synthace.com/">Synthace</a> founding member Rob Stanley. Automating lab work cannot start early enough! We later talked to computational biologists about software methods for modelling biological systems.</p> | ||
− | <h4>Extralab</h4> <!--MAAARRTTAAAA!!!!!8====D--() (please insert your awesome story)--> | + | <h4>Extralab</h4> <p> <!--MAAARRTTAAAA!!!!!8====D--() (please insert your awesome story)--> </p> |
</div> | </div> | ||
Line 132: | Line 197: | ||
<p>We explored how the iGem wiki works which was more than this one sentence indicates.</p> | <p>We explored how the iGem wiki works which was more than this one sentence indicates.</p> | ||
− | <h4>Extra Lab</h4> <!--MAAAAARRRTAAAAA! 8=D -----() --> | + | <h4>Extra Lab</h4> <p></p><!--MAAAAARRRTAAAAA! 8=D -----() --> |
</div> | </div> | ||
Line 151: | Line 216: | ||
<p>We have organised a mini jamboree in collaboration with Birkbeck iGEM and Biohackspace iGEM teams. We have invited people from the London synthetic biology community as well as the UCL Academy iGEM team to attend the jamboree. Each team presented what they did during the bootcamp.</p> | <p>We have organised a mini jamboree in collaboration with Birkbeck iGEM and Biohackspace iGEM teams. We have invited people from the London synthetic biology community as well as the UCL Academy iGEM team to attend the jamboree. Each team presented what they did during the bootcamp.</p> | ||
<p> | <p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | + | </div> | |
− | + | ||
− | + | </div> | |
− | + | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="about-item2 hide"> | ||
+ | |||
+ | |||
+ | <div class="notebookweek"> | ||
+ | <h2>Week 2 (22<sup>nd</sup> June – 28<sup>th</sup> June)</h2> | ||
+ | |||
+ | <div class="day"> | ||
<h3>Monday 22<sup>nd</sup></h3> | <h3>Monday 22<sup>nd</sup></h3> | ||
Line 171: | Line 241: | ||
</div> | </div> | ||
+ | |||
<div class="day"> | <div class="day"> | ||
<h3>Wednesday 24<sup>th</sup></h3> | <h3>Wednesday 24<sup>th</sup></h3> | ||
− | + | ||
<h4> Hackathon part 1 </h4> | <h4> Hackathon part 1 </h4> | ||
<p>The beginning of our actual project. Before today we knew that our project would be about the mind gut axis which means trying to tackle mental health problems with engineered probiotics. Today we made an actual list of effectors and promoters that we want to use in our biobricks. It was brainstorming mayhem, but we cut down our list to about ten candidates from each category for which we are going to collect more information for tomorrow. </p> | <p>The beginning of our actual project. Before today we knew that our project would be about the mind gut axis which means trying to tackle mental health problems with engineered probiotics. Today we made an actual list of effectors and promoters that we want to use in our biobricks. It was brainstorming mayhem, but we cut down our list to about ten candidates from each category for which we are going to collect more information for tomorrow. </p> | ||
− | + | </div> | |
+ | |||
+ | |||
+ | <div class="day"> | ||
<h3>Thursday 25<sup>th</sup></h3> | <h3>Thursday 25<sup>th</sup></h3> | ||
− | + | ||
<h4>Hackathon part 2 </h4> | <h4>Hackathon part 2 </h4> | ||
Line 224: | Line 298: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </div></div> | ||
− | <div class=" | + | <div class="about-item3 hide"> |
− | + | ||
− | + | ||
− | + | <div class="notebookweek"> | |
+ | |||
+ | <h2>Week 3 (29<sup>th</sup> June – 5<sup>th</sup> July)</h2> | ||
+ | |||
+ | |||
+ | <div class="day"> | ||
<h3>Monday 29<sup>th</sup></h3> | <h3>Monday 29<sup>th</sup></h3> | ||
Line 305: | Line 379: | ||
</div> | </div> | ||
+ | |||
+ | |||
<div class="day"> | <div class="day"> | ||
<h3>Friday 3<sup>rd</sup></h3> | <h3>Friday 3<sup>rd</sup></h3> | ||
Line 338: | Line 414: | ||
− | |||
− | |||
+ | |||
+ | </div></div> | ||
+ | |||
+ | |||
+ | <div class="about-item4 hide"> | ||
+ | |||
+ | <div class="notebookweek"> | ||
− | |||
<h2>Week 4 (6<sup>th</sup> July – 12<sup>th</sup> July)</h2> | <h2>Week 4 (6<sup>th</sup> July – 12<sup>th</sup> July)</h2> | ||
− | + | ||
− | + | ||
+ | |||
+ | |||
+ | <div class="day"> | ||
<h3>Monday 6<sup>th</sup></h3> | <h3>Monday 6<sup>th</sup></h3> | ||
<h4>Bifidobacter</h4> | <h4>Bifidobacter</h4> | ||
Line 400: | Line 483: | ||
</div> | </div> | ||
− | |||
− | + | </div></div> | |
− | + | ||
− | + | ||
+ | <div class="about-item5 hide"> | ||
+ | |||
+ | |||
+ | <div class="notebookweek"> | ||
+ | |||
+ | <h2>Week 5 (13<sup>th</sup> July – 19<sup>th</sup> July)</h2> | ||
+ | |||
+ | |||
+ | <div class="day"> | ||
<h3>Monday 13<sup>th</sup></h3> | <h3>Monday 13<sup>th</sup></h3> | ||
<p> We started the week with the meeting with <a href="http://www.ismb.lon.ac.uk/vitor_pinheiro.html" target="_blank">Vitor Pinheiro</a>, who gave us some great tips on our cloning schedule and strategies as well as on directed evolution systems that we could use. During the meeting we also came up with an excited idea of using synthetic amino acids as precursors for neurotransmitter synthesis! </p> | <p> We started the week with the meeting with <a href="http://www.ismb.lon.ac.uk/vitor_pinheiro.html" target="_blank">Vitor Pinheiro</a>, who gave us some great tips on our cloning schedule and strategies as well as on directed evolution systems that we could use. During the meeting we also came up with an excited idea of using synthetic amino acids as precursors for neurotransmitter synthesis! </p> | ||
Line 467: | Line 557: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div></div> | |
− | + | ||
− | + | ||
+ | |||
+ | <div class="about-item6 hide"> | ||
+ | |||
+ | |||
+ | <div class="notebookweek"> | ||
+ | |||
+ | |||
+ | <h2>Week 6 (20<sup>th</sup> July – 26<supo>th</sup> July)</h2> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="day"> | ||
<h3>Monday 20<sup>th</sup></h3> | <h3>Monday 20<sup>th</sup></h3> | ||
Line 512: | Line 608: | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | </div></div> | ||
− | + | ||
− | + | <div class="about-item7 hide"> | |
− | + | ||
+ | |||
+ | <div class="notebookweek"> | ||
+ | |||
+ | |||
+ | <h2>Week 7 (27<sup>th</sup> July– 2<sup>nd</sup> August)</h2> | ||
+ | |||
+ | |||
+ | |||
+ | <div class=”day”> | ||
<h3>Monday 27<sup>th</sup></h3> | <h3>Monday 27<sup>th</sup></h3> | ||
Line 543: | Line 644: | ||
<p>We ran the gel with our 19(!) digestions from yesterday and got very pretty results. So, our ligation using 2A assembly (finally) worked. Unfortunately, we did not make any glycerol stocks of our cultures which means we had to transform our our minipreps into new competent cells again and hope for the best, losing one day for the colonies to grow. But we have the feeling that we are getting there...</p> | <p>We ran the gel with our 19(!) digestions from yesterday and got very pretty results. So, our ligation using 2A assembly (finally) worked. Unfortunately, we did not make any glycerol stocks of our cultures which means we had to transform our our minipreps into new competent cells again and hope for the best, losing one day for the colonies to grow. But we have the feeling that we are getting there...</p> | ||
− | <h4>Mind the Gut promoters</h4> | + | <h4>Mind the Gut promoters</h4><p> |
− | Yesterday we got new backbones with Kanamycin and Chloramphenicol resistance. So now we can finally clone the promoters Gad, Gad+RBS and PyeaR into these backbones and start assembling them with effectors. Today we started this process by digesting the backbones, a small but important step which we forgot to do last time,and the promoters with <i>EcoR</i>I and <i>Spe</i>I. | + | Yesterday we got new backbones with Kanamycin and Chloramphenicol resistance. So now we can finally clone the promoters Gad, Gad+RBS and PyeaR into these backbones and start assembling them with effectors. Today we started this process by digesting the backbones, a small but important step which we forgot to do last time,and the promoters with <i>EcoR</i>I and <i>Spe</i>I.</p> |
Line 574: | Line 675: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </div></div> | ||
− | + | ||
− | + | <div class="about-item8 hide"> | |
− | + | ||
+ | |||
+ | <div class="notebookweek"> | ||
+ | |||
+ | |||
+ | <h2>Week 8 (3<sup>rd</sup> August – 9th<sup>th</sup> August)</h2> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="day"> | ||
<h3>Monday 3<sup>rd</sup></h3> | <h3>Monday 3<sup>rd</sup></h3> | ||
Line 637: | Line 743: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </div></div> | ||
− | + | ||
− | + | ||
− | + | <div class="about-item9 hide"> | |
+ | |||
+ | |||
+ | |||
+ | <div class="notebookweek"> | ||
+ | |||
+ | |||
+ | <h2>Week 9(10<sup>th</sup> Aug – 16<sup>th</sup> Aug)</h2> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="day"> | ||
<h3>Monday 10<sup>th</sup></h3> | <h3>Monday 10<sup>th</sup></h3> | ||
<h4>Mind the Gut: Effectors</h4> | <h4>Mind the Gut: Effectors</h4> | ||
Line 681: | Line 794: | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | </div></div> | |
− | + | ||
− | + | ||
− | + | <div class="about-item10 hide"> | |
− | + | ||
− | + | ||
− | + | <div class="notebookweek"> | |
+ | |||
+ | <h2>Week 10 (17<sup>th</sup>Aug – 23<sup>rd</sup> Aug)</h2> | ||
+ | |||
+ | |||
+ | <div class="day"> | ||
<h3>Monday 17<sup>st</sup></h3> | <h3>Monday 17<sup>st</sup></h3> | ||
Line 714: | Line 832: | ||
</div> | </div> | ||
− | + | </div></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="about-item11 hide"> | |
− | + | ||
+ | |||
+ | <div class="notebookweek"> | ||
+ | |||
+ | <h2>Week 11 (24<sup>th</sup> Aug – 30<sup>th</sup> August)</h2> | ||
+ | |||
+ | |||
+ | <div class="day"> | ||
<h3>Monday 24<sup>th</sup></h3> | <h3>Monday 24<sup>th</sup></h3> | ||
</div> | </div> | ||
Line 741: | Line 862: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | + | </div></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- | |
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="about-item12 hide"> | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="notebookweek"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <h2>Week 12</h2> |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | + | </div></div> | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="about-item13 hide"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="notebookweek"> | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | < | + | <h2>Week 13</h2> |
− | + | ||
− | + | ||
− | + | ||
− | + | </div></div> | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="about-item14 hide"> | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | + | <div class="notebookweek"> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | <h2>Week 14</h2> |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div></div> | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class="about-item15 hide"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="notebookweek"> | |
− | <div class=" | + | <h2>Week 15</h2> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div></div> | |
− | + | ||
+ | --> | ||
− | + | </div></div></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | <script type="text/javascript"> | |
− | + | $('.cos li').click(function(e) { | |
− | + | var $this = $(this), | |
− | + | $id = $this.attr('id'), | |
− | + | $class = '.' + $('.about-' + $id).attr('class').replace('hide', ''); | |
− | + | ||
− | + | $('.default-text').addClass('hide'); | |
− | + | $('.about-' + $id).removeClass('hide'); | |
− | + | $('div[class*=about]').not($class).addClass('hide'); | |
+ | $($this).addClass('selected'); | ||
+ | $('li').not($this).removeClass('selected'); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
</html> | </html> |
Revision as of 03:18, 28 August 2015
'