Difference between revisions of "Team:Glasgow/Project/Overview"
| (61 intermediate revisions by 5 users not shown) | |||
| Line 11: | Line 11: | ||
height:auto; | height:auto; | ||
padding:0px 0px 0px 0px; | padding:0px 0px 0px 0px; | ||
| + | border:none; | ||
| + | |||
} | } | ||
h1 { | h1 { | ||
text-decoration:none; | text-decoration:none; | ||
| + | border:none; | ||
} | } | ||
| − | </style> | + | |
| − | + | * { | |
| + | padding:0; | ||
| + | margin:0; | ||
| + | } | ||
| + | |||
| + | .banner { | ||
| + | width:100vw; | ||
| + | height:45vh; | ||
| + | background-color: black; | ||
| + | } | ||
| + | |||
| + | h1 { | ||
| + | width:20vw; | ||
| + | margin: 5vh auto; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .mainText { | ||
| + | width:80vw; | ||
| + | margin:0 auto; | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | .monster { | ||
| + | height:50vh; | ||
| + | width:15vw; | ||
| + | position:relative; | ||
| + | display:inline-block; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | |||
| + | .monsterContainer { | ||
| + | width:80vw; | ||
| + | height:50vh; | ||
| + | margin:10vh auto; | ||
| + | text-align: justify; | ||
| + | |||
| + | } | ||
| + | |||
| + | .monsterContainer:after { | ||
| + | content: ""; | ||
| + | width: 100%; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | .monsterImg { | ||
| + | height:100%; | ||
| + | width:100%; | ||
| + | opacity:0.92; | ||
| + | box-shadow: 0 0 5px purple; | ||
| + | } | ||
| + | |||
| + | h3 { | ||
| + | color: white; | ||
| + | position:absolute; | ||
| + | bottom:1%; | ||
| + | left: 5%; | ||
| + | width:100%; | ||
| + | opacity:0.85; | ||
| + | } | ||
| + | |||
| + | monsterSpan { | ||
| + | letter-spacing: -1px; | ||
| + | background: rgb(30, 5, 90); | ||
| + | background: rgba(30, 5, 90, 0.7); | ||
| + | padding:5%; | ||
| + | } | ||
| + | |||
| + | .dimmer { | ||
| + | opacity:1; | ||
| + | } | ||
| + | |||
| + | .dimmer2 { | ||
| + | text-decoration: underline; | ||
| + | opacity:1 | ||
| + | } | ||
| + | #bodybackground { | ||
| + | background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center; | ||
| + | font-family: 'Nixie One', Helvetica, Arial, sans-serif; | ||
| + | font-size: 50px; | ||
| + | height:45vh; | ||
| + | background-size:cover; | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: 'Nixie One'; | ||
| + | font-style: normal; | ||
| + | font-weight: 400; | ||
| + | src: local('Nixie One'), local('NixieOne-Regular'), url(http://fonts.gstatic.com/s/nixieone/v7/gQ0PT3rPU_Et2ExNz-ahmpBw1xU1rKptJj_0jans920.woff2) format('woff2'); | ||
| + | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: 'League Script'; | ||
| + | font-style: normal; | ||
| + | font-weight: 400; | ||
| + | src: local('League Script'), local('LeagueScript'), url(http://fonts.gstatic.com/s/leaguescript/v7/wnRFLvfabWK_DauqppD6vTLKmjGCnkmx1ziy0T7wKLI.woff2) format('woff2'); | ||
| + | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; | ||
| + | } | ||
| + | .container3 { | ||
| + | display: flex; | ||
| + | flex-direction: row; | ||
| + | flex-wrap: wrap; | ||
| + | justify-content: center; | ||
| + | align-items: center; | ||
| + | line-height:7vh; | ||
| + | padding-top:50px; | ||
| + | |||
| + | } | ||
| + | .sign { | ||
| + | -ms-transform: rotate(-3deg); | ||
| + | -webkit-transform: rotate(-3deg); | ||
| + | transform: rotate(-3deg); | ||
| + | margin-top:10vh; | ||
| + | } | ||
| + | #title { | ||
| + | font-size: 10vh; | ||
| + | } | ||
| + | #trav { | ||
| + | -webkit-animation: blink 0.01s infinite alternate; | ||
| + | -moz-animation: blink 0.01s infinite alternate; | ||
| + | -o-animation: blink 0.01s infinite alternate; | ||
| + | animation: blink 0.01s infinite alternate; | ||
| + | } | ||
| + | #fade { | ||
| + | opacity: 0.6; | ||
| + | color: #ebffff; | ||
| + | text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff; | ||
| + | -webkit-animation: fade 3s infinite alternate; | ||
| + | -moz-animation: fade 3s infinite alternate; | ||
| + | -o-animation: fade 3s infinite alternate; | ||
| + | animation: fade 3s infinite alternate; | ||
| + | } | ||
| + | .neon-blue { | ||
| + | margin: 0 auto; | ||
| + | text-align: center; | ||
| + | color: #ebffff; | ||
| + | text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff; | ||
| + | font-size:4vw; | ||
| + | } | ||
| + | .neon-purple { | ||
| + | font-family: 'League Script', Helvetica, Arial, sans-serif; | ||
| + | font-size: 130px; | ||
| + | margin: 0 auto; | ||
| + | text-align: center; | ||
| + | color: #6CA7FF; | ||
| + | text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 5px #fff, 0 0 10px #7d26cd, 0 0 35px #7d26cd; | ||
| + | font-size:8vh; | ||
| + | } | ||
| + | @-moz-keyframes blink { | ||
| + | 70% { | ||
| + | opacity: 0.7; | ||
| + | } | ||
| + | } | ||
| + | @-webkit-keyframes blink { | ||
| + | 45% { | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | } | ||
| + | @-o-keyframes blink { | ||
| + | 70% { | ||
| + | opacity: 0.7; | ||
| + | } | ||
| + | } | ||
| + | @keyframes blink { | ||
| + | 70% { | ||
| + | opacity: 0.7; | ||
| + | } | ||
| + | } | ||
| + | @-moz-keyframes fade { | ||
| + | 40% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | 42% { | ||
| + | opacity: 0.1; | ||
| + | } | ||
| + | 43% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | 45% { | ||
| + | opacity: 0.1; | ||
| + | } | ||
| + | 46% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | } | ||
| + | @-webkit-keyframes fade { | ||
| + | 40% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | 42% { | ||
| + | opacity: 0.1; | ||
| + | } | ||
| + | 43% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | 45% { | ||
| + | opacity: 0.1; | ||
| + | } | ||
| + | 46% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | } | ||
| + | @-o-keyframes fade { | ||
| + | 40% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | 42% { | ||
| + | opacity: 0.1; | ||
| + | } | ||
| + | 43% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | 45% { | ||
| + | opacity: 0.1; | ||
| + | } | ||
| + | 46% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | } | ||
| + | @keyframes fade { | ||
| + | 40% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | 42% { | ||
| + | opacity: 0.1; | ||
| + | } | ||
| + | 43% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | 45% { | ||
| + | opacity: 0.1; | ||
| + | } | ||
| + | 46% { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
<body> | <body> | ||
| − | + | <div id="bodybackground"> | |
| + | <div class="container3"> | ||
| + | <div class="sign"> | ||
| + | <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div> | ||
| + | <div class="neon-blue"><br><span class="neon-purple"><strong>Project Overview</strong></span></div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| − | <p style="margin-top:3vh;"><a href=" | + | <p class="mainText" style="margin-top:3vh;"><a href="https://2015.igem.org/Team:Glasgow">Home</a> > <a href="https://2015.igem.org/Team:Glasgow/Project/Overview">Project</a></p> |
| − | <h1> | + | <h1>Our Project</h1> |
| − | <p> | + | <p class="mainText" style="text-align:center;">As a team, we have been focusing on the theme of education, and promoting synthetic biology outwith the science community. The bridge between the public and our team has been our children’s night-light, ‘<a href="https://2015.igem.org/Team:Glasgow/Design" target="_blank">Furri-Lux</a>’, a great tool for children and parents alike, powered by our bioluminescent bacteria. To enhance the impact of our project, we displayed a stall at Glasgow Science Centre’s ‘<a href = "https://2015.igem.org/Team:Glasgow/Practices" target="_blank">Meet the Experts</a>’ event and <a href = "https://2015.igem.org/Team:Glasgow/Practices" target="_blank">invited some students</a> studying Lab Skills and Advanced Higher Biology at a nearby secondary school to learn more about how we operated with aseptic technique. Alongside this, we also utilised and promoted an easier, safer alternative to common gel staining techniques using <a href = "https://2015.igem.org/Team:Glasgow/AzureA" target="_blank">Azure A</a>.</p> |
| − | <h1>Our | + | <h1>Our Motivation</h1> |
| − | <p> | + | <p class="mainText" style="text-align:center;">The thought of using our iGEM project as an opportunity to promote the public’s view of synthetic biology was inspired by iGEM’s view that as an iGEM team, we are ambassadors for the face of genetic modification and all the benefits it can bring to people. They stressed that we must operate in a safe, sensible and responsible way in order to avoid damaging the already controversial face of the field of synthetic biology. This was spurred on by many a conversation over lunch revolving around the public’s, often misguided and uneducated, opinion of genetically modified organisms. Therefore, not only did we strive to be safe, sensible and responsible scientists, we aimed to help the public get the facts about genetic modification, allowing them to make more informed decisions on the subject in the future. |
| + | </br> | ||
| + | <br> | ||
| + | <a href = "https://2015.igem.org/Safety/Do_Not_Release" target="_blank"><img src="https://static.igem.org/mediawiki/2015/4/40/2015-Glasgow%EF%BC%8Dscreenshot.png" height:70%;width:70%;"></a></p> | ||
| + | |||
| + | <h1>Our Product</h1> | ||
| + | |||
| + | <p class="mainText" style="text-align:center;">'Furri-Lux’ is a night-light styled around the idea of a ‘friendly monster’ – he’s the good monster that fights off the bad monster under the bed! It is aimed at children who are scared of the dark, as well as those who would like a pet but cannot have one - however, it is mostly centred around children who have a budding interest in science, as we found there is a <a href = "https://2015.igem.org/Team:Glasgow/Practices">larger demand for that</a>. Furri-Lux acts as a container for our bioluminescent bacteria, with a transparent window in his tummy. This allows the UV-A light found naturally in sunlight to reach the bacteria, signalling daylight and switching off bioluminescence when it is not needed, and also to allow the bioluminescence to shine out at night and comfort the child. Safety was a large concern and played a significant part in <a href = "https://2015.igem.org/Team:Glasgow/Design" target="_blank">how the product was designed</a>, as it would be used and handled by young children. To aid the children and their parents in learning how to safely use their night-light, and try to teach them some very basic facts about the bacteria they were interacting with, we wrote <a href = "https://2015.igem.org/Team:Glasgow/Practices/Bedtimestories" target="_blank">bedtime stories</a>, using ‘Furri-Lux’ as the hero of the story, with the help of children’s author, Stuart Reid.</p> | ||
| + | |||
| + | <h1>Our Biology</h1> | ||
| + | |||
| + | <p class="mainText" style="text-align:center;">In order to build our genetic circuit to make <i>E. coli</i> glow in the dark, we needed to construct three components: the UVA light sensor, the inverter, and the bioluminescence genes. Our <a href="https://2015.igem.org/Team:Glasgow/Project/Overview/UVA" target="_blank">UVA sensor</a> is natively found in <i>Synechocystis</i> sp. PCC6803 and has three parts: a sensor protein, a regulator protein, and a promoter that is switched ON by the regulator protein in the presence of UV-A light. We use a <a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Repressors" target="_blank">transcriptional repressor</a> to invert this signal, so that bioluminescnce is switched OFF in the presence of UV-A and ON in its absense. We used the bioluminescence genes from <i>Aliivibrio fischeri</i> to produce light. These genes were previously used by the <a href="https://2010.igem.org/Team:Cambridge/Bioluminescence/Bacterial_Luciferases">Cambridge 2010 iGEM team</a> in their <a href="http://parts.igem.org/Part:BBa_K325909">BBa_K325909</a> BioBrick, which contains all six bioluminescence genes in the native operon directly from <i>A. fischeri</i>. We chose to rebuild this bioluminescence pathway from scratch using BioBrick assembly of all six genes together with <i>E. coli</i> BioBrick Ribosome Binding Sites (RBSs) from an <a href="https://2015.igem.org/Team:Glasgow/Description" target="_blank">RBS Library</a> that we designed for this purpose. As a side project, due to our interest in genetic circuits, a <a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Bistable" target="_blank">Bistable Switch</a> was set up with two repressor proteins. We also took part in this year’s <a href="https://2015.igem.org/Team:Glasgow/Interlab" target="_blank">Interlab Study</a> as characterisation of many of our new BioBricks involved measurement of GFP expression, which was the focus of the Interlab Study. | ||
| + | </br> | ||
| + | </br> | ||
| + | </br> | ||
| + | <img style="text-align:center;height:70%;width:70%;" src="https://static.igem.org/mediawiki/2015/5/5d/Glasgow_2015_Overview_Circuit.png"></p> | ||
<div class="monsterContainer"> | <div class="monsterContainer"> | ||
| − | <div class="monster"><a href=" | + | <div class="monster"><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/UVA"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/9/9c/Monster1-inverted.jpg"> |
<h3><span class="monsterSpan">UVA</span></h3></a></div> | <h3><span class="monsterSpan">UVA</span></h3></a></div> | ||
| − | <div class="monster"><img src="../ | + | <div class="monster"><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Protocols"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/9/9d/Monster2-inverted.png"> |
| − | <h3><span class="monsterSpan">Protocols</span></h3></div> | + | <h3><span class="monsterSpan">Protocols</span></h3></a></div> |
| − | <div class="monster"><img src="../ | + | <div class="monster"><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Bioluminesence"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/d/d4/Monster3-inverted.jpg"> |
| − | <h3><span class="monsterSpan"> | + | <h3 style="left:2.5%;"><span class="monsterSpan" style="font-size:20px">Bioluminescence</span></h3></a></div> |
| − | <div class="monster"><img src="../ | + | <div class="monster"><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Terminator"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/e/e1/Monster4-inverted.jpg"> |
| − | <h3><span class="monsterSpan"> | + | <h3><span class="monsterSpan">Terminator</span></h3></a></div> |
| − | <div class="monster"><img src="../ | + | <div class="monster"><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Repressors"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/d/d1/Monster5-inverted.jpg"> |
| − | <h3><span class="monsterSpan">Repressors</span></h3></div> | + | <h3><span class="monsterSpan">Repressors</span></h3></a></div> |
</div> | </div> | ||
| Line 57: | Line 318: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
$('.monster').mouseenter(function() { | $('.monster').mouseenter(function() { | ||
| − | $('img', this).addClass(" | + | $('img', this).addClass("dimmer"); |
| − | $('h3', this).addClass(" | + | $('h3', this).addClass("dimmer2"); |
}); | }); | ||
$('.monster').mouseleave(function() { | $('.monster').mouseleave(function() { | ||
| − | $('img').removeClass(" | + | $('img').removeClass("dimmer"); |
| − | $('h3').removeClass(" | + | $('h3').removeClass("dimmer2"); |
}); | }); | ||
}); | }); | ||
| Line 71: | Line 332: | ||
</html> | </html> | ||
| + | {{Glasgowfooter}} | ||
Latest revision as of 17:44, 14 November 2015
Glasglow
Project Overview
Our Project
As a team, we have been focusing on the theme of education, and promoting synthetic biology outwith the science community. The bridge between the public and our team has been our children’s night-light, ‘Furri-Lux’, a great tool for children and parents alike, powered by our bioluminescent bacteria. To enhance the impact of our project, we displayed a stall at Glasgow Science Centre’s ‘Meet the Experts’ event and invited some students studying Lab Skills and Advanced Higher Biology at a nearby secondary school to learn more about how we operated with aseptic technique. Alongside this, we also utilised and promoted an easier, safer alternative to common gel staining techniques using Azure A.
Our Motivation
The thought of using our iGEM project as an opportunity to promote the public’s view of synthetic biology was inspired by iGEM’s view that as an iGEM team, we are ambassadors for the face of genetic modification and all the benefits it can bring to people. They stressed that we must operate in a safe, sensible and responsible way in order to avoid damaging the already controversial face of the field of synthetic biology. This was spurred on by many a conversation over lunch revolving around the public’s, often misguided and uneducated, opinion of genetically modified organisms. Therefore, not only did we strive to be safe, sensible and responsible scientists, we aimed to help the public get the facts about genetic modification, allowing them to make more informed decisions on the subject in the future.
Our Product
'Furri-Lux’ is a night-light styled around the idea of a ‘friendly monster’ – he’s the good monster that fights off the bad monster under the bed! It is aimed at children who are scared of the dark, as well as those who would like a pet but cannot have one - however, it is mostly centred around children who have a budding interest in science, as we found there is a larger demand for that. Furri-Lux acts as a container for our bioluminescent bacteria, with a transparent window in his tummy. This allows the UV-A light found naturally in sunlight to reach the bacteria, signalling daylight and switching off bioluminescence when it is not needed, and also to allow the bioluminescence to shine out at night and comfort the child. Safety was a large concern and played a significant part in how the product was designed, as it would be used and handled by young children. To aid the children and their parents in learning how to safely use their night-light, and try to teach them some very basic facts about the bacteria they were interacting with, we wrote bedtime stories, using ‘Furri-Lux’ as the hero of the story, with the help of children’s author, Stuart Reid.
Our Biology
In order to build our genetic circuit to make E. coli glow in the dark, we needed to construct three components: the UVA light sensor, the inverter, and the bioluminescence genes. Our UVA sensor is natively found in Synechocystis sp. PCC6803 and has three parts: a sensor protein, a regulator protein, and a promoter that is switched ON by the regulator protein in the presence of UV-A light. We use a transcriptional repressor to invert this signal, so that bioluminescnce is switched OFF in the presence of UV-A and ON in its absense. We used the bioluminescence genes from Aliivibrio fischeri to produce light. These genes were previously used by the Cambridge 2010 iGEM team in their BBa_K325909 BioBrick, which contains all six bioluminescence genes in the native operon directly from A. fischeri. We chose to rebuild this bioluminescence pathway from scratch using BioBrick assembly of all six genes together with E. coli BioBrick Ribosome Binding Sites (RBSs) from an RBS Library that we designed for this purpose. As a side project, due to our interest in genetic circuits, a Bistable Switch was set up with two repressor proteins. We also took part in this year’s Interlab Study as characterisation of many of our new BioBricks involved measurement of GFP expression, which was the focus of the Interlab Study.
