Team:UPenn/Notebook
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
m |
||
(8 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> |
- | + | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/> | |
- | </ | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <style> |
- | + | /*Last year's notbook style code*/ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | #accordion-container { | ||
+ | font-size: 13px; | ||
+ | background: #ffffff; | ||
+ | padding: 5px 10px 10px 10px; | ||
+ | border: 1px solid #cccccc; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | -moz-box-shadow: 0 5px 15px #cccccc; | ||
+ | -webkit-box-shadow: 0 5px 15px #cccccc; | ||
+ | box-shadow: 0 5px 15px #cccccc; | ||
+ | } | ||
+ | .accordion-header { | ||
+ | font-size: 16px; | ||
+ | background: #ebebeb; | ||
+ | margin: 5px 0 0 0; | ||
+ | padding: 5px 20px; | ||
+ | border: 1px solid #cccccc; | ||
+ | cursor: pointer; | ||
+ | color: #666666; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
- | + | .active-header { | |
+ | -moz-border-radius: 5px 5px 0 0; | ||
+ | -webkit-border-radius: 5px 5px 0 0; | ||
+ | border-radius: 5px 5px 0 0; | ||
+ | background: url(images/active-header.gif) #cef98d; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: right 50%; | ||
+ | } | ||
+ | |||
+ | .active-header:hover { | ||
+ | background: url(images/active-header.gif) #c6f089; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: right 50%; | ||
+ | } | ||
+ | |||
+ | .inactive-header { | ||
+ | background: url(images/inactive-header.gif) #ebebeb; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: right 50%; | ||
+ | } | ||
+ | |||
+ | .inactive-header:hover { | ||
+ | background: url(images/inactive-header.gif) #f5f5f5; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: right 50%; | ||
+ | } | ||
+ | |||
+ | .accordion-content { | ||
+ | display: none; | ||
+ | padding: 20px; | ||
+ | background: #ffffff; | ||
+ | border: 1px solid #cccccc; | ||
+ | border-top: 0; | ||
+ | -moz-border-radius: 0 0 5px 5px; | ||
+ | -webkit-border-radius: 0 0 5px 5px; | ||
+ | border-radius: 0 0 5px 5px; | ||
+ | } | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | |||
+ | var TINY={}; | ||
+ | |||
+ | function T$(i){return document.getElementById(i)} | ||
+ | function T$$(e,p){return p.getElementsByTagName(e)} | ||
+ | |||
+ | TINY.accordion=function(){ | ||
+ | function slider(n){this.n=n; this.a=[]} | ||
+ | slider.prototype.init=function(t,e,m,o,k){ | ||
+ | var a=T$(t), i=s=0, n=a.childNodes, l=n.length; this.s=k||0; this.m=m||0; | ||
+ | for(i;i<l;i++){ | ||
+ | var v=n[i]; | ||
+ | if(v.nodeType!=3){ | ||
+ | this.a[s]={}; this.a[s].h=h=T$$(e,v)[0]; this.a[s].c=c=T$$('div',v)[0]; h.onclick=new Function(this.n+'.pr(0,'+s+')'); | ||
+ | if(o==s){h.className=this.s; c.style.height='auto'; c.d=1}else{c.style.height=0; c.d=-1} s++ | ||
+ | } | ||
+ | } | ||
+ | this.l=s | ||
+ | }; | ||
+ | slider.prototype.pr=function(f,d){ | ||
+ | for(var i=0;i<this.l;i++){ | ||
+ | var h=this.a[i].h, c=this.a[i].c, k=c.style.height; k=k=='auto'?1:parseInt(k); clearInterval(c.t); | ||
+ | if((k!=1&&c.d==-1)&&(f==1||i==d)){ | ||
+ | c.style.height=''; c.m=c.offsetHeight; c.style.height=k+'px'; c.d=1; h.className=this.s; su(c,1) | ||
+ | }else if(k>0&&(f==-1||this.m||i==d)){ | ||
+ | c.d=-1; h.className=''; su(c,-1) | ||
+ | } | ||
+ | } | ||
+ | }; | ||
+ | function su(c){c.t=setInterval(function(){sl(c)},20)}; | ||
+ | function sl(c){ | ||
+ | var h=c.offsetHeight, d=c.d==1?c.m-h:h; c.style.height=h+(Math.ceil(d/5)*c.d)+'px'; | ||
+ | c.style.opacity=h/c.m; c.style.filter='alpha(opacity='+h*100/c.m+')'; | ||
+ | if((c.d==1&&h>=c.m)||(c.d!=1&&h==1)){if(c.d==1){c.style.height='auto'} clearInterval(c.t)} | ||
+ | }; | ||
+ | return{slider:slider} | ||
+ | }(); | ||
+ | |||
+ | $(document).ready(function() | ||
+ | { | ||
+ | //Add Inactive Class To All Accordion Headers | ||
+ | $('.accordion-header').toggleClass('inactive-header'); | ||
+ | |||
+ | //Set The Accordion Content Width | ||
+ | var contentwidth = $('.accordion-header').width(); | ||
+ | $('.accordion-content').css({'width' : contentwidth }); | ||
+ | |||
+ | |||
+ | |||
+ | // The Accordion Effect | ||
+ | $('.accordion-header').click(function () { | ||
+ | if($(this).is('.inactive-header')) { | ||
+ | $('.active-header').toggleClass('active-header').toggleClass('inactive-header').next().slideToggle().toggleClass('open-content'); | ||
+ | $(this).toggleClass('active-header').toggleClass('inactive-header'); | ||
+ | $(this).next().slideToggle().toggleClass('open-content'); | ||
+ | } | ||
+ | |||
+ | else { | ||
+ | $(this).toggleClass('active-header').toggleClass('inactive-header'); | ||
+ | $(this).next().slideToggle().toggleClass('open-content'); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | return false; | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="outer"> | ||
+ | <ul class="nav"> | ||
+ | <li><a href="https://2013.igem.org/Team:UPenn">Home</a></li> | ||
+ | <li><a hred="https://2013.igem.org/Team:UPenn#three">Team</a></li> | ||
+ | <li>Official Team Profile</li> | ||
+ | <li><a href="https://2013.igem.org/Team:UPenn/Project">Project</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UPenn/Parts">Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UPenn/Modeling">Modeling</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UPenn/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UPenn/Safety">Safety</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | <iframe src='http://embed.verite.co/timeline/?source=0AoZBZOYYKBzEdDA1dUFNaU93QzQ4LURURjJfdzRiVFE&font=Bevan-PotanoSans&maptype=toner&lang=en&height=650' width='100%' height='650' frameborder='0'></iframe> | ||
+ | |||
+ | |||
+ | <p style="text-align:center;color:white;">June 2012 Notebook</p> | ||
+ | |||
+ | <div id="accordion-container"> | ||
+ | <h2 class="accordion-header">Week 1</h2> | ||
+ | |||
+ | <div class="accordion-content"> | ||
+ | <p><b>June 6th</b></p> | ||
+ | <ul> | ||
+ | <li>Set up some lab equipment</li> | ||
+ | <li>Autoclaved for a while</li> | ||
+ | <li>Organized biobrick stuff</li> | ||
+ | <li>Called Vinoo about DNA planning</li> | ||
+ | |||
+ | </ul> | ||
+ | <br> | ||
+ | |||
+ | <p><b>June 7th</b></p> | ||
+ | <ul> | ||
+ | <li>Transformed Cph8, pLsr, and LuxS</li> | ||
+ | <li>Placed order with Vinoo</li> | ||
+ | <li>Developed idea using PGY/PCN system to activate a gene</li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <h2 class="accordion-header">Week 2</h2> | ||
+ | |||
+ | <div class="accordion-content"> | ||
+ | |||
+ | <p><b>June 11th</b></p> | ||
+ | <p>Wet Lab</p> | ||
+ | <ul> | ||
+ | <li>PCR'd mCherry from NAS157</li> | ||
+ | <li>Ran 1% Gel and purified product</li> | ||
+ | |||
+ | </ul> | ||
+ | <p>Dry Lab</p> | ||
+ | <ul> | ||
+ | <li>Designed primers for LsR promoter</li> | ||
+ | <li>Meeting with Dr. Sarkar</li> | ||
+ | </ul> | ||
+ | <br> | ||
+ | <p><b>June 12th</b></p> | ||
+ | <p>Wet Lab</p> | ||
+ | <ul> | ||
+ | <li>Digested mCherry PCR product with BamHI and NotI</li> | ||
+ | <li>Column purified mCherry and ligated into NAS152 backbone</li> | ||
+ | <li>Transformed NAS152-mCherry into DH5alpha</li> | ||
+ | <li>Poured 25 LB-Kan plates</li> | ||
+ | </ul> | ||
+ | <p>Dry Lab</p> | ||
+ | <ul> | ||
+ | <li>Research more information about bacterial drug delivery system</li> | ||
+ | <li>More research into biofilm project</li> | ||
+ | </ul> | ||
+ | <br> | ||
+ | <p><b>June 14th</b></p> | ||
+ | |||
+ | <p>Dry Lab</p> | ||
+ | <ul> | ||
+ | <li>Met with Dr. Goulian, obtained pDawn and pDusk</li> | ||
+ | <li>Identified inaK as a surface display gene we can use</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <h2 class="accordion-header">Week 3</h2> | ||
+ | |||
+ | <div class="accordion-content"> | ||
+ | |||
+ | <p>June 18th</p> | ||
+ | |||
+ | <p>Wet Lab</p> | ||
+ | <ul> | ||
+ | <li>Miniprep pDawn and pDusk</li> | ||
+ | <li>Test cut pDawn and pDusk with XmaI, analytical gel was correct</li> | ||
+ | <li>Prep cut pDawn and pDusk with BamHI and NotI, gel purified</li> | ||
+ | </ul> | ||
+ | <p>Dry Lab</p> | ||
+ | <ul> | ||
+ | <li>Ordered and picked up PCR purification kit from cell center</li> | ||
+ | <li>Additional orders through cell center</li> | ||
+ | <li>Designed primers for one of Peter's components (forgot which)</li> | ||
+ | </ul> | ||
+ | <br> | ||
+ | |||
+ | <p>June 20</p> | ||
+ | |||
+ | <p>Wet Lab</p> | ||
+ | <ul> | ||
+ | <li>Picked 2 colonies of pDawn-mCherry, innoculated in 5 mL of LB and 50 ug/mL of Kan</li> | ||
+ | <li>PCR purified fragments (Peter), then ran gel?</li> | ||
+ | </ul> | ||
+ | |||
+ | <p>Dry Lab</p> | ||
+ | <ul> | ||
+ | <li>Researched DARPin binding domains and linkers</li> | ||
+ | <li>Finalized some biobrick orders</li> | ||
+ | <li>Finalized synthesis order (minus linker)</li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Latest revision as of 15:18, 1 July 2013
June 2012 Notebook
Week 1
June 6th
- Set up some lab equipment
- Autoclaved for a while
- Organized biobrick stuff
- Called Vinoo about DNA planning
June 7th
- Transformed Cph8, pLsr, and LuxS
- Placed order with Vinoo
- Developed idea using PGY/PCN system to activate a gene
Week 2
June 11th
Wet Lab
- PCR'd mCherry from NAS157
- Ran 1% Gel and purified product
Dry Lab
- Designed primers for LsR promoter
- Meeting with Dr. Sarkar
June 12th
Wet Lab
- Digested mCherry PCR product with BamHI and NotI
- Column purified mCherry and ligated into NAS152 backbone
- Transformed NAS152-mCherry into DH5alpha
- Poured 25 LB-Kan plates
Dry Lab
- Research more information about bacterial drug delivery system
- More research into biofilm project
June 14th
Dry Lab
- Met with Dr. Goulian, obtained pDawn and pDusk
- Identified inaK as a surface display gene we can use
Week 3
June 18th
Wet Lab
- Miniprep pDawn and pDusk
- Test cut pDawn and pDusk with XmaI, analytical gel was correct
- Prep cut pDawn and pDusk with BamHI and NotI, gel purified
Dry Lab
- Ordered and picked up PCR purification kit from cell center
- Additional orders through cell center
- Designed primers for one of Peter's components (forgot which)
June 20
Wet Lab
- Picked 2 colonies of pDawn-mCherry, innoculated in 5 mL of LB and 50 ug/mL of Kan
- PCR purified fragments (Peter), then ran gel?
Dry Lab
- Researched DARPin binding domains and linkers
- Finalized some biobrick orders
- Finalized synthesis order (minus linker)