Team:Southampton/Notebook
From 2009.igem.org
(Difference between revisions)
m (Replacing page with '#bgmain background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif'); background-repeat:repeat-y; }') |
m |
||
Line 1: | Line 1: | ||
- | # | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
+ | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta content="text/html; charset=ISO-8859-1" | ||
+ | http-equiv="content-type" /> | ||
+ | <title>University of Southampton | ||
+ | Wiki</title> | ||
+ | <style type= "text/css"> | ||
+ | /*FOOTERPUSH*/ | ||
+ | #footerpush { | ||
+ | width:1px; | ||
+ | height:1186px; | ||
+ | } | ||
+ | /*LAYOUT BEGINS*/ | ||
+ | /*BANNER*/ | ||
+ | #banner { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | width:975px; | ||
+ | height:276px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | /*TOOLBAR*/ | ||
+ | #toolbar { | ||
+ | position:absolute; | ||
+ | left:3px; | ||
+ | top:0px; | ||
+ | width:975px; | ||
+ | height:27px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | /*BG*/ | ||
+ | #bg { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:138px; | ||
+ | width:975px; | ||
+ | height:1005px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | #maintop { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:138px; | ||
+ | width:975px; | ||
+ | height:61px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | /*FLICKRIVER*/ | ||
+ | #flickriver { | ||
+ | position:absolute; | ||
+ | left:36px; | ||
+ | top:1113px; | ||
+ | width:894px; | ||
+ | height:134px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | #flickriver2 { | ||
+ | position:absolute; | ||
+ | left:480px; | ||
+ | top:1113px; | ||
+ | width:894px; | ||
+ | height:134px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | #blanker { | ||
+ | position:absolute; | ||
+ | left:480px; | ||
+ | top:1113px; | ||
+ | width:238px; | ||
+ | height:23px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #blanker2 { | ||
+ | position:absolute; | ||
+ | left:280px; | ||
+ | top:1224px; | ||
+ | width:238px; | ||
+ | height:23px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | /*PROJECT DESCRIPTION*/ | ||
+ | #logobox { | ||
+ | position:absolute; | ||
+ | left:90px; | ||
+ | top:300px; | ||
+ | width:63px; | ||
+ | height:63px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #projectheading { | ||
+ | position:absolute; | ||
+ | left:170px; | ||
+ | top:300px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #bluesubtitle { | ||
+ | position:absolute; | ||
+ | left:425px; | ||
+ | top:324px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #projdesc { | ||
+ | position:absolute; | ||
+ | left:25px; | ||
+ | top:360px; | ||
+ | width:731px; | ||
+ | height:273px; | ||
+ | } | ||
+ | #maincont { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:380px; | ||
+ | width:975px; | ||
background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif'); | background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif'); | ||
background-repeat:repeat-y; | background-repeat:repeat-y; | ||
} | } | ||
+ | } | ||
+ | /*LOGOBOX2*/ | ||
+ | #logobox2 { | ||
+ | position:absolute; | ||
+ | left:13px; | ||
+ | top:695px; | ||
+ | width:440px; | ||
+ | height:398px; | ||
+ | } | ||
+ | /*UPDATESBOX*/ | ||
+ | #updateheader { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:285px; | ||
+ | } | ||
+ | #updatedate { | ||
+ | position:absolute; | ||
+ | left:895px; | ||
+ | top:310px; | ||
+ | } | ||
+ | #updatecontent { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:330px; | ||
+ | width:164px; | ||
+ | height:333px | ||
+ | } | ||
+ | #updatedate2 { | ||
+ | position:absolute; | ||
+ | left:895px; | ||
+ | top:475px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | #updatecontent2 { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:490px; | ||
+ | width:164px; | ||
+ | height:333px | ||
+ | } | ||
+ | /*LINKBOX*/ | ||
+ | #linkheader { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:690px; | ||
+ | } | ||
+ | #linksemi { | ||
+ | position:absolute; | ||
+ | left:801px; | ||
+ | top:730px; | ||
+ | } | ||
+ | #linklsi { | ||
+ | position:absolute; | ||
+ | left:801px; | ||
+ | top:800px; | ||
+ | } | ||
+ | #linksoton { | ||
+ | position:absolute; | ||
+ | left:801px; | ||
+ | top:870px; | ||
+ | } | ||
+ | #clustr { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:975px; | ||
+ | } | ||
+ | /*TEAMBOX*/ | ||
+ | #teamheader { | ||
+ | position:absolute; | ||
+ | left:480px; | ||
+ | top:700px; | ||
+ | } | ||
+ | #teampic { | ||
+ | position:absolute; | ||
+ | left:472px; | ||
+ | top:735px; | ||
+ | width:296px; | ||
+ | height:164px; | ||
+ | } | ||
+ | #teamcaption { | ||
+ | position:absolute; | ||
+ | left:480px; | ||
+ | top:910px; | ||
+ | width:270px; | ||
+ | height:100px; | ||
+ | } | ||
+ | #facebook { | ||
+ | position:absolute; | ||
+ | left:472px; | ||
+ | top:970px; | ||
+ | width:97px; | ||
+ | height:100px; | ||
+ | } | ||
+ | #findout { | ||
+ | position:absolute; | ||
+ | left:580px; | ||
+ | top:975px; | ||
+ | width:185px; | ||
+ | height:100px; | ||
+ | } | ||
+ | #projfind { | ||
+ | position:absolute; | ||
+ | left:150px; | ||
+ | top:920px; | ||
+ | width:300px; | ||
+ | height:100px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | /*LAYOUT ENDS*/ | ||
+ | /*HEADINGS BEGIN*/ | ||
+ | h7 { | ||
+ | font-size: 36px; | ||
+ | color: #FFFFFF; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 3px; | ||
+ | font-weight: normal; font-family: "Book Antiqua", | ||
+ | Georgia, | ||
+ | serif; | ||
+ | } | ||
+ | h8 { | ||
+ | font-size: 12px; | ||
+ | color: #5da8bd; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; | ||
+ | font-family: Arial, | ||
+ | sans-serif; | ||
+ | } | ||
+ | h3 {font-size: 13px; | ||
+ | color: #ebebeb; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; margin-bottom: 3px; | ||
+ | font-family: Arial, | ||
+ | sans-serif; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size: 24px; | ||
+ | color: #FFFFFF; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; font-family: "Book Antiqua",Georgia, | ||
+ | serif; | ||
+ | } | ||
+ | h5 { | ||
+ | font-size: 14px; | ||
+ | color: #323232; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; font-family: Arial, | ||
+ | sans-serif | ||
+ | } | ||
+ | h6 { | ||
+ | font-size: 12px; | ||
+ | color: #ebebeb; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; font-family: Arial, | ||
+ | sans-serif | ||
+ | } | ||
+ | /*HEADINGS END*/ | ||
+ | /*MENU CODE*/ | ||
+ | ul.cssMenu ul{display:none} | ||
+ | ul.cssMenu li:hover>ul{display:block} | ||
+ | ul.cssMenu ul{position: absolute;left:-1px;top:98%;} | ||
+ | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;} | ||
+ | ul.cssMenu,ul.cssMenu ul { | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px 2px 2px 0px; | ||
+ | background-repeat:repeat; | ||
+ | background: rgba(51, 51, 51, 0.2); | ||
+ | border-width:0px; | ||
+ | border-style:solid; | ||
+ | } | ||
+ | ul.cssMenu table {border-collapse:collapse}ul.cssMenu { | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | float: left; | ||
+ | } | ||
+ | ul.cssMenu ul{ | ||
+ | width:129px; | ||
+ | } | ||
+ | ul.cssMenu li{ | ||
+ | display:block; | ||
+ | margin:2px 0px 0px 2px; | ||
+ | font-size:0px; | ||
+ | } | ||
+ | ul.cssMenu a:active, ul.cssMenu a:focus { | ||
+ | outline-style:none; | ||
+ | } | ||
+ | ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | border-width:0px; | ||
+ | background: rgba(51, 51, 51, 0.2);border-style:solid; | ||
+ | text-align:left; | ||
+ | text-decoration:none; | ||
+ | padding:2px 42px 2px 42px; | ||
+ | _padding-left:0; | ||
+ | font:normal 13px Trebuchet MS,Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:default; | ||
+ | } | ||
+ | ul.cssMenu span{ | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | ul.cssMenu li { | ||
+ | float:left; | ||
+ | } | ||
+ | ul.cssMenu ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul.cssMenu ul a { | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul.cssMenu li.sep{ | ||
+ | text-align:left; | ||
+ | padding:0px; | ||
+ | line-height:0; | ||
+ | height:100%; | ||
+ | } | ||
+ | ul.cssMenu li.sep span{ | ||
+ | float:none; padding-right:0; | ||
+ | width:3px; | ||
+ | height:100%; | ||
+ | display:inline-block; | ||
+ | background-color:#FFFFFF #111111 #111111 #cccccc; background-image:none;} | ||
+ | ul.cssMenu ul li.sep span{ | ||
+ | width:100%; | ||
+ | height:3px; | ||
+ | } | ||
+ | ul.cssMenu li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul.cssMenu li:hover>a{ | ||
+ | background: rgba(0, 64, 109, 0.1);border-style:solid; | ||
+ | font:normal 13px Trebuchet MS, Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.cssMenu li a:hover{ | ||
+ | position:relative; | ||
+ | background: rgba(0, 64, 109, 0.1);border-style:solid; | ||
+ | font:normal 13px Trebuchet MS, Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.cssMenu li.dis a { | ||
+ | color: #666 !important; | ||
+ | } | ||
+ | ul.cssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px; | ||
+ | height:16px; | ||
+ | } | ||
+ | ul.cssMenu ul img {width:16px; | ||
+ | height:16px; | ||
+ | } | ||
+ | ul.cssMenu img.over{display:none} | ||
+ | ul.cssMenu li.dis a:hover img.over{display:none !important} | ||
+ | ul.cssMenu li.dis a:hover img.def {display:inline !important} | ||
+ | ul.cssMenu li:hover > a img.def {display:none} | ||
+ | ul.cssMenu li:hover > a img.over {display:inline} | ||
+ | ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline} | ||
+ | ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none} | ||
+ | ul.cssMenu a:hover ul{display:block} | ||
+ | ul.cssMenu span{ | ||
+ | display:block; | ||
+ | background-image:url(./images/arr_white.gif); | ||
+ | background-position:right center; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-right:12px;} | ||
+ | ul.cssMenu li:hover>a>span{ background-image:url(./images/arrv_white.gif); | ||
+ | } | ||
+ | ul.cssMenu a:hover span{ _background-image:url(./images/arrv_white.gif)} | ||
+ | ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_white.gif)} | ||
+ | body | ||
+ | #sufooter { | ||
+ | position:absolute; | ||
+ | left:113px; | ||
+ | top:1187px; | ||
+ | z-index:150; | ||
+ | color: #333; | ||
+ | } | ||
+ | #contfoot { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:1150px; | ||
+ | width:975px; | ||
+ | height:61px; | ||
+ | z-index:100; | ||
+ | </style> | ||
+ | </head> | ||
+ | <body style="color: rgb(0, 0, 0); background-color: #919191;" | ||
+ | link="#000099" alink="#000099" vlink="#990099"> | ||
+ | <div id="banner"><img style="width: 975px; height: 276px;" id="banner" | ||
+ | src="http://www.personal.soton.ac.uk/jeh2v07/images/blue.jpg" alt="" /></div> | ||
+ | <div id="toolbar"> | ||
+ | <ul class="cssMenu cssMenum"> | ||
+ | <li class="cssMenui"><a class="cssMenui" | ||
+ | href="https://2009.igem.org/Team:Southampton">Home</a></li> | ||
+ | <li class="cssMenui"><a class="cssMenui" | ||
+ | href="https://2009.igem.org/Team:Southampton/Project">Project</a></li> | ||
+ | <li class="cssMenui"><a class="cssMenui" | ||
+ | href="https://2009.igem.org/Team:Southampton/Parts">Biobrick | ||
+ | Parts</a></li> | ||
+ | <li class="cssMenui"><a class="cssMenui" | ||
+ | href="https://2009.igem.org/Team:Southampton/Team"><span>Team</span><!--[if gt IE 6]--></a><!--[endif]--><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="cssMenum"> | ||
+ | <li class="cssMenui"><a class="cssMenui" | ||
+ | href="https://2009.igem.org/Team:Southampton/Team/Gallery">Gallery</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <li class="cssMenui"><a class="cssMenui" | ||
+ | href="https://2009.igem.org/Team:Southampton/Modeling">Modelling</a></li> | ||
+ | <li class="cssMenui"><a class="cssMenui" | ||
+ | href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a></li> | ||
+ | <li class="cssMenui"><a class="cssMenui" | ||
+ | href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="maintop"><img style="width: 975px; height: 24px;" id="bg" | ||
+ | src="http://www.personal.soton.ac.uk/jeh2v07/images/maintop.gif" alt="" /></div> | ||
+ | <div id="logobox"> | ||
+ | <img style="width: 63px; height: 63px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/logobox.jpg" /></div> | ||
+ | <div id="projectheading"> | ||
+ | <h7>Notebook</h7> | ||
+ | </div> | ||
+ | <div id="maincont"> | ||
+ | <div align="center"><table style="text-align: left; width: 100%;" | ||
+ | border="0" cellpadding="2" cellspacing="2"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td width="25%"><h4>Week | ||
+ | Commencing</h4></td> | ||
+ | <td width="75%"><h4>Summary Of The Week</h4></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><h3>20th July 2009</h3></td> | ||
+ | <td><h3>‘Brainstorming’ | ||
+ | becomes our key word.<br> | ||
+ | We scrutinise various ideas before deciding on ‘Game of | ||
+ | Life’ and ‘Rock Paper Scissors’.<br> | ||
+ | Numerous hours were spent on the registry of parts finding approved | ||
+ | Biobrick parts.<br> | ||
+ | We become absolute pros at filling out COSHH forms. You just have to | ||
+ | work through the cramp.</h3></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><h3>27th July 2009</h3></td> | ||
+ | <td><h3>Work begins on our wiki | ||
+ | page and logo design.<br> | ||
+ | We create a very exciting ‘cluster map’ on our | ||
+ | wiki. One cluster so far: Southampton.<br> | ||
+ | We finalise our plasmid diagrams and Biobrick parts. <br> | ||
+ | The team mugshot was taken.<br> | ||
+ | We went from lab protocol amateurs to experts within the week.<br> | ||
+ | The team supervisor abandoned us for 7 days. ‘Family | ||
+ | holiday’ was the excuse. We soldiered on.</h3></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><h3>3rd August 2009</h3></td> | ||
+ | <td><h3>The hard works | ||
+ | begins…<br> | ||
+ | DNA Biobricks were transformed, starter cultures made and plasmid | ||
+ | maxiprep performed.<br> | ||
+ | Our Southampton iGEM logo is nearly finalised. <br> | ||
+ | Cluster map update: 9 different hits including Canada, Turkey, Poland, | ||
+ | Japan and Netherlands.<br> | ||
+ | Work commences on the simulations.<br> | ||
+ | One man down :( . Apparently going to hospital is the new excuse for | ||
+ | getting out of labs.</h3></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><h3>10th August 2009</h3></td> | ||
+ | <td><h3>Man back :) , he just | ||
+ | could not stay away.<br> | ||
+ | Note to self:<br> | ||
+ | 1) In the plasmid maxiprep: Turns out it does make a difference if you | ||
+ | accidently put the white column on top of the blue, instead of the | ||
+ | other way round…<br> | ||
+ | 2) Adding B0034 to B0015 and centrifuging them together does not, in | ||
+ | fact, bode well.<br> | ||
+ | 3) The nanodrop only works when the switch is turned to | ||
+ | ‘on’.<br> | ||
+ | Exciting times, having been all maxiprepped out, we started a new | ||
+ | protocol: Digestion. <br> | ||
+ | After much deliberation and input from the entire team, our logo is | ||
+ | finally finished. It was worth the wait. I mean look at it. Genius.<br> | ||
+ | Cluster map update: <br> | ||
+ | UK (i.e. Southampton) – 57<br> | ||
+ | Rest of world – 30<br> | ||
+ | Still a bit of room for improvement…</h3></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><h3>17th August 2009</h3></td> | ||
+ | <td><h3>We are granted | ||
+ | permission to start an outreach project …hold tight folks, | ||
+ | more details coming soon.<br> | ||
+ | Our team diminishes further - apparently ‘working at | ||
+ | home’ is the new ‘working…at | ||
+ | work’.<br> | ||
+ | Our PCRs FINALLY work. Maybe practise really does make perfect.<br> | ||
+ | We perform our last ever Maxiprep…sob.<br> | ||
+ | Don’t panic though, we are moving onto bigger and better | ||
+ | protocols; Ligation.<br> | ||
+ | It’s nearly week six, and we have finally mastered the art of | ||
+ | making and loading a gel. It’s ‘simple’ | ||
+ | they say. Obviously not. <br> | ||
+ | An exciting wall chart appears in our office.<br> | ||
+ | Cluster map update: UK – 92. Really must stop checking the | ||
+ | cluster map so often…</h3></td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table></div> | ||
+ | </div> | ||
+ | <div id="sufooter"> | ||
+ | Home | Project | Biobrick | ||
+ | Parts | Team | Modelling | Notebook | Sponsors | ||
+ | | ||
+ | | ||
+ | University of | ||
+ | Southampton iGEM 2009 | ||
+ | </div> | ||
+ | <div id="contfoot"> | ||
+ | <img src="http://www.personal.soton.ac.uk/jeh2v07/images/mainfoot.gif" width="975" height="61" /></div></body> | ||
+ | </html> |
Revision as of 11:31, 14 September 2009
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Week Commencing |
Summary Of The Week |
20th July 2009 |
‘Brainstorming’
becomes our key word. |
27th July 2009 |
Work begins on our wiki
page and logo design. |
3rd August 2009 |
The hard works
begins… |
10th August 2009 |
Man back :) , he just
could not stay away. |
17th August 2009 |
We are granted
permission to start an outreach project …hold tight folks,
more details coming soon. |