Difference between revisions of "Team:Exeter/Awards"

 
(20 intermediate revisions by 6 users not shown)
Line 51: Line 51:
 
   }
 
   }
 
}
 
}
 +
ul{
 +
list-style-image:none;
 +
}
 +
.container ul{
 +
padding-top:20px;
 +
padding-right:40px;
 +
padding-left:80px;
 +
font-size:150%;
 +
}
 +
.container ul li {
 +
/* Text color */
 +
color: #333;
 +
list-style-type: none;
 +
}
 +
 +
.container ul li:before {
 +
/* Unicode bullet symbol */
 +
content: '\25AA';
 +
/* Bullet color */
 +
color: #47BCC2;
 +
padding-right: 0.5em;
 +
}
 +
.container ul ul{
 +
padding-top:20px;
 +
padding-right:40px;
 +
padding-left:80px;
 +
 +
}
 +
.container ul ul li {
 +
/* Text color */
 +
color: #333;
 +
list-style-type: none;
 +
}
 +
 +
.container ul ul li:before {
 +
/* Unicode bullet symbol */
 +
content: '\25AA';
 +
/* Bullet color */
 +
color: #47BCC2;
 +
padding-right: 0.5em;
 +
}
 +
ol{
 +
padding-top:20px;
 +
padding-right:40px;
 +
padding-left:80px;
 +
font-size:150%;
 +
}
 +
ol li {
 +
/* Text color */
 +
color: #333;
 +
list-style-type: none;
 +
}
 +
ol li {
 +
list-style-type: none;
 +
counter-increment: list;
 +
position: relative;
 +
}
 +
 +
ol li:before {
 +
content: counter(list) ".";
 +
position: absolute;
 +
left: -2.5em;
 +
width: 2em;
 +
text-align: right;
 +
color: #47BCC2;
 +
}
 
#links{
 
#links{
 
color:#47BCC2;
 
color:#47BCC2;
Line 65: Line 131:
 
font-size:20px;
 
font-size:20px;
 
}
 
}
−
#links_drop{
 
−
margin:0.9vw -0.4vw 0 -0.2vw;
 
−
}
 
 
}
 
}
 
#links:hover{
 
#links:hover{
Line 105: Line 168:
 
background-color:#eeeeee;
 
background-color:#eeeeee;
 
}  
 
}  
 +
/*soc classes controll css for media icons*/
 
#soc{
 
#soc{
 
margin-top:-12px;
 
margin-top:-12px;
Line 118: Line 182:
 
margin-right:3px;
 
margin-right:3px;
 
}
 
}
−
 
 
/*Navbar exgem logo styling*/
 
/*Navbar exgem logo styling*/
 
#logo, #logo_inverse{
 
#logo, #logo_inverse{
Line 317: Line 380:
 
font-size:400%;
 
font-size:400%;
 
}
 
}
 +
/*Removed min section height on this page*/
 +
/*to reduce page size*/
 
.div_content{
 
.div_content{
 
padding:0;
 
padding:0;
−
min-height:100vh;
 
 
width:100%;
 
width:100%;
 
background:#eeeeee;
 
background:#eeeeee;
Line 337: Line 401:
 
height:8vh;
 
height:8vh;
 
padding:0;
 
padding:0;
−
margin:auto;
 
−
position:relative;
 
−
bottom:0;
 
−
right:0;
 
 
}
 
}
 
.subdiv_banner.left{
 
.subdiv_banner.left{
Line 357: Line 417:
 
width:100%;
 
width:100%;
 
position: relative;
 
position: relative;
−
top: 38%;
+
top: 50%;
 
-ms-transform: translateY(-50%) /* IE 9 */
 
-ms-transform: translateY(-50%) /* IE 9 */
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
−
     transform: translateY(-50%);
+
     transform: translateY(-50%)
 
}
 
}
 
.banner_link,.banner_link:visited{
 
.banner_link,.banner_link:visited{
−
position: relative;
 
 
height:100%;
 
height:100%;
−
padding:0, 2px!important;
 
 
color:#47BCC2;
 
color:#47BCC2;
 
text-align:center;
 
text-align:center;
−
font-size:1.5vw;
 
 
/*Max font size where "section" and "1" don't appear on*/
 
/*Max font size where "section" and "1" don't appear on*/
−
}
 
−
.banner_link span.oneline{
 
−
position: relative;
 
−
top: 34.5%;
 
−
-ms-transform: translateY(-50%) /* IE 9 */
 
−
    -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
−
    transform: translateY(-50%);
 
−
}
 
−
.banner_link span.twoline{
 
−
position: relative;
 
−
top: 7.5%;
 
−
-ms-transform: translateY(-50%) /* IE 9 */
 
−
    -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
−
    transform: translateY(-50%);
 
 
}
 
}
 
.banner_link:hover{
 
.banner_link:hover{
Line 390: Line 433:
 
}
 
}
 
.link_fix{
 
.link_fix{
−
display:block;
 
 
position:relative;
 
position:relative;
 
height:1px;
 
height:1px;
Line 397: Line 439:
 
/*Mobile and small screen css*/
 
/*Mobile and small screen css*/
 
@media (max-width: 767px){
 
@media (max-width: 767px){
−
.link_fix{
 
−
display:none;
 
−
}
 
 
.div_vl.backgroundimage{
 
.div_vl.backgroundimage{
 
background-image: url('#');
 
background-image: url('#');
Line 418: Line 457:
 
display:none;
 
display:none;
 
}
 
}
 +
}
 +
}
 +
#links_drop{
 +
color:#47BCC2;
 +
/*font-size:20px;*/
 +
font-size:1.2vw;
 +
margin:8px 0.9vw 0.5vh 0.9vw;
 +
padding:0.06vw 0 0 0;
 +
line-height:0px;
 +
}
 +
@media (max-width: 920px){
 +
#links_drop{
 +
margin-left:0;
 +
padding-top:9px;
 +
margin-top:-4px;
 +
font-size:20px;
 +
}
 +
}
 +
button.dropdown-toggle{
 +
padding-top:21px; !important
 +
}
 +
@media (max-width: 767px){
 +
button.dropdown-toggle{
 +
padding-top:5px;
 +
}
 +
}
 +
#links_drop:hover span{
 +
color:#339499;
 +
}
 +
</style>
 +
<!--VLOG page styling-->
 +
<style type="text/css">
 +
.calendar_selector{
 +
font-size:3vh;
 +
color:#47BCC2;
 +
cursor:pointer;
 +
}
 +
.calendar_header{
 +
margin:0 0 1vh 0;
 +
padding:0;
 +
}
 +
.month{
 +
display:none;
 +
}
 +
/*Sets March to display on page loadup*/
 +
#March{
 +
display:block;
 +
}
 +
.calendar_space{
 +
background:none;
 +
height:6h;
 +
width:6vh;
 +
display:block;
 +
font-size:2.5vh;
 +
vertical-align:bottom;
 +
position:relative;
 +
}
 +
.calendar_space span{
 +
position: absolute;
 +
bottom: 0;
 +
}
 +
.calendar_box, calendar_box:visited, .calendar_box:active, calendar_box:focus,  .calendar_link{
 +
background:#eee;
 +
border-style:solid;
 +
border-width:1px;
 +
border-color:#4e4e4e;
 +
height:6vh;
 +
width:6vh;
 +
cursor:default;
 +
position:relative;
 +
text-color:#4e4e4e;
 +
}
 +
.date{
 +
background:#8cd5d9;
 +
}
 +
.grey{
 +
background:#ccc;
 +
}
 +
.calendar_link:hover{
 +
cursor:pointer;
 +
background:#339499;
 +
border-style:solid;
 +
border-width:1px;
 +
border-color:#4e4e4e;
 +
color:#4e4e4e;
 +
}
 +
.calendar_link:focus{
 +
color:#4e4e4e;
 +
}
 +
.calendar_box span, .calendar_link span, .calendar_box span:visited, .calendar_link span:visited{
 +
position: absolute;
 +
font-size:1.6vh;
 +
bottom: 0;
 +
right: 0;
 +
color:#4e4e4e;
 +
}
 +
span.vlog{
 +
position: absolute;
 +
font-size:4vh;
 +
bottom: 0.2vh;
 +
left: 1.5vh;
 +
}
 +
.left{
 +
border-left-style:solid;
 +
border-left-width:2px;
 +
}
 +
.top{
 +
border-top-style:solid;
 +
border-top-width:2px;
 +
}
 +
.right{
 +
border-right-style:solid;
 +
border-right-width:2px;
 +
}
 +
.bottom{
 +
border-bottom-style:solid;
 +
border-bottom-width:2px;
 +
}
 +
.div_audio{
 +
margin: 20px auto 12px auto;
 +
display:block;
 +
}
 +
.div_log{
 +
padding-right:0;
 +
}
 +
.log_img{
 +
max-width:100%;
 +
margin:1vh 0;
 +
padding:0;
 +
cursor:default;
 +
}
 +
.audio_controls{
 +
max-width:100%;
 +
padding:0;
 +
background:#fafafa;
 +
border-style: none none solid none;
 +
border-width:3px;
 +
color:#8cd5d9;
 +
#pp{
 +
padding-left:0;
 +
padding-right:0;
 +
}
 +
h6{
 +
padding-top:20px;
 +
padding-left:0;
 +
}
 
}
 
}
 
#dropdownMenu1{
 
#dropdownMenu1{
Line 434: Line 619:
 
/*Mobile and small screen css*/
 
/*Mobile and small screen css*/
 
@media (max-width: 767px){
 
@media (max-width: 767px){
−
.div_vl.backgroundimage{
 
−
height:37vh;
 
−
background-size: auto 200%;
 
−
}
 
−
.div_l{
 
−
display:none;
 
−
}
 
 
#logo_Banner_Desktop{
 
#logo_Banner_Desktop{
 
display:none;
 
display:none;
Line 459: Line 637:
 
}
 
}
 
}
 
}
−
.container ul li ul li{
+
@media (max-width: 1000px){
−
font-size:71.429%;
+
.calendar_key{
 +
display:none;
 +
}
 +
.calendar_space, .calendar_box, .calendar_link{
 +
height:5.2vh;
 +
width:5.2vh;
 +
}
 +
.calendar_selector{
 +
font-size:2.6vh;
 +
color:#47BCC2;
 +
cursor:pointer;
 +
}
 
}
 
}
−
#links_drop:hover span{
+
@media (max-width: 595px){
−
color:#339499;
+
.calendar{
 +
display:none;
 +
}
 +
}
 +
@media (max-width: 920px){
 +
#links_drop{
 +
margin-left:0;
 +
padding-top:9px;
 +
margin-top:-4px;
 +
font-size:20px;
 +
}
 +
}
 +
#links_drop{
 +
color:#47BCC2;
 +
/*font-size:20px;*/
 +
font-size:1.2vw;
 +
margin:8px 0.9vw 0.5vh 0.9vw;
 +
padding:0.06vw 0 0 0;
 +
line-height:0px;
 
}
 
}
 
</style>
 
</style>
Line 482: Line 689:
 
     </div>
 
     </div>
 
     <div>
 
     <div>
−
        <div class="collapse navbar-collapse" id="myNavbar">
+
        <div class="collapse navbar-collapse" id="myNavbar">
 
<ul class="nav navbar-nav">
 
<ul class="nav navbar-nav">
 
<li><div id="links_drop" class="dropdown">
 
<li><div id="links_drop" class="dropdown">
Line 592: Line 799:
 
<!--Content begins-->
 
<!--Content begins-->
 
<div class="container">
 
<div class="container">
−
<style>
 
−
ul{
 
−
list-style-image:none;
 
−
}
 
−
.container ul{
 
−
padding-top:20px;
 
−
padding-right:40px;
 
−
padding-left:80px;
 
−
font-size:150%;
 
−
}
 
−
.container ul li {
 
−
    /* Text color */
 
−
    color: #333;
 
−
    list-style-type: none;
 
−
}
 
−
 
−
.container ul li:before {
 
−
    /* Unicode bullet symbol */
 
−
    content: '\25AA';
 
−
    /* Bullet color */
 
−
    color: #47BCC2;
 
−
    padding-right: 0.5em;
 
−
}
 
−
ol{
 
−
padding-top:20px;
 
−
padding-right:40px;
 
−
padding-left:80px;
 
−
font-size:150%;
 
−
}
 
−
ol li {
 
−
    /* Text color */
 
−
    color: #333;
 
−
    list-style-type: none;
 
−
}
 
−
ol li {
 
−
    list-style-type: none;
 
−
    counter-increment: list;
 
−
    position: relative;
 
−
}
 
−
 
−
ol li:before {
 
−
    content: counter(list) ".";
 
−
    position: absolute;
 
−
    left: -2.5em;
 
−
    width: 2em;
 
−
    text-align: right;
 
−
    color: #47BCC2;
 
−
}
 
−
</style>
 
 
<h1 >Awards</h1>
 
<h1 >Awards</h1>
 
<h2 style="color:#A57164; text-decoration: underline;">Bronze</h2>
 
<h2 style="color:#A57164; text-decoration: underline;">Bronze</h2>
Line 653: Line 811:
 
<h6>Attribution:</h6>
 
<h6>Attribution:</h6>
 
<ul>
 
<ul>
−
<li>We created an "<a href="https://2016.igem.org/Team:Exeter/Attributions">Attributions and Acknowledgments page</a>" for students,
+
<li>We created an "<a href="https://2016.igem.org/Team:Exeter/Attributions">Attributions and Acknowledgements page</a>" for students,
 
supervisors and advisors throughout.</li>
 
supervisors and advisors throughout.</li>
 
</ul>
 
</ul>
 
<h6>Part/Contribution</h6>
 
<h6>Part/Contribution</h6>
 
<ul>
 
<ul>
−
<li>We submitted and further characterised KillerRed (<a href="http://parts.igem.org/Part:BBa_K1914002">BBa_K1184002</a>).</li>
+
<li>We submitted and further characterised KillerRed (<a href="http://parts.igem.org/Part:BBa_K1914002">BBa_K1914002</a>).</li>
 
<br />
 
<br />
−
<li>We submitted KillerOrange phototoxic protein kill switch and provided extensive characterisation (<a href="http://parts.igem.org/Part:BBa_K1914000">BBa_K1184000</a>).</li>
+
<li>We submitted KillerOrange phototoxic protein kill switch and provided extensive characterisation (<a href="http://parts.igem.org/Part:BBa_K1914000">BBa_K1914000</a>).</li>
 
<br />
 
<br />
 
<li>We designed a codon optimised Lysozyme C Biobrick which targets the enzyme to the periplasm where it is most effective.
 
<li>We designed a codon optimised Lysozyme C Biobrick which targets the enzyme to the periplasm where it is most effective.
−
(<a href="http://parts.igem.org/Part:BBa_K1914004">BBa_K1184004</a>)</li>.
+
(<a href="http://parts.igem.org/Part:BBa_K1914004">BBa_K1914004</a>)</li>.
 
</ul>
 
</ul>
 
<h2 style="color:#757575; text-decoration: underline;" >Silver</h2>
 
<h2 style="color:#757575; text-decoration: underline;" >Silver</h2>
Line 690: Line 848:
 
<h6>Human Practices</h6>
 
<h6>Human Practices</h6>
 
<ul>
 
<ul>
−
<li>We performed research on <a href="https://2016.igem.org/Team:Exeter/Integrated_Practices#section_2">
+
<li>We performed research on <a href="https://2016.igem.org/Team:Exeter/Integrated_Practices/ED">
 
equality and diversity</a> in science, using the University of Exeter as a case study.</li>
 
equality and diversity</a> in science, using the University of Exeter as a case study.</li>
 
<br /><li>We have created and tested an <a href="https://2016.igem.org/Team:Exeter/Engagement#section_1">
 
<br /><li>We have created and tested an <a href="https://2016.igem.org/Team:Exeter/Engagement#section_1">
Line 697: Line 855:
 
<br /><li>We have <a href="https://2016.igem.org/Team:Exeter/Engagement">engaged the public</a>
 
<br /><li>We have <a href="https://2016.igem.org/Team:Exeter/Engagement">engaged the public</a>
 
with synthetic biology on multiple fronts:
 
with synthetic biology on multiple fronts:
−
<ul style="font-size:20px:">
+
<ul style="font-size:100%;">
−
<li><a href="">Desert Island...Science?</a> podcast - interviewing academics, researchers  
+
<li><a href="https://2016.igem.org/Team:Exeter/dis">Desert Island...Science?</a> podcast - interviewing academics, researchers  
 
and public figures about synthetic biology, public engagement,  
 
and public figures about synthetic biology, public engagement,  
 
education and their research. This has been published on Youtube,  
 
education and their research. This has been published on Youtube,  
Line 704: Line 862:
 
<br /><li>Interviews with prominent academics, like  
 
<br /><li>Interviews with prominent academics, like  
 
<a href="https://2016.igem.org/Team:Exeter/Engagement#section_6">Prof. Richard Dawkins</a> and  
 
<a href="https://2016.igem.org/Team:Exeter/Engagement#section_6">Prof. Richard Dawkins</a> and  
−
<a href="https://2016.igem.org/Team:Exeter/Integrated_Practices#section_1">Prof. Richard  
+
<a href="https://2016.igem.org/Team:Exeter/Integrated_Practices/lab#section_2">Prof. Richard  
 
Titball</a> about their thoughts on public engagement and the importance of Biosafety,  
 
Titball</a> about their thoughts on public engagement and the importance of Biosafety,  
 
respectively.</li>
 
respectively.</li>
 
<br /><li>We hosted a panel discussion on equality and diversity at the university creating a two  
 
<br /><li>We hosted a panel discussion on equality and diversity at the university creating a two  
−
way conversation with the public on the topic.</a>
+
way conversation with the public on the topic.</a></li>
−
</ul></li>
+
</ul>
 
<br />
 
<br />
 
<li>We designed a <a href="https://2016.igem.org/Team:Exeter/Engagement#section_2">
 
<li>We designed a <a href="https://2016.igem.org/Team:Exeter/Engagement#section_2">
Line 720: Line 878:
 
<h2 style="color:#9C7C38; text-decoration: underline;" >Gold</h2>
 
<h2 style="color:#9C7C38; text-decoration: underline;" >Gold</h2>
 
<h6 style="text-align:center;"><a style="color:#9C7C38;" href="https://2016.igem.org/Team:Exeter/HP/Gold">Dedicated human practices gold award page here</a></h6>
 
<h6 style="text-align:center;"><a style="color:#9C7C38;" href="https://2016.igem.org/Team:Exeter/HP/Gold">Dedicated human practices gold award page here</a></h6>
−
<p id="pp">All of the information below can be found on the <a href="">
+
<p id="pp">All of the information below can be found on the <a href="https://2016.igem.org/Team:Exeter/Integrated_Practices">
−
Intagrated Human Practices page</a></p>
+
Integrated Human Practices page</a></p>
 
<ul>
 
<ul>
 
<li>The effectiveness of kill switches was discussed with academics and individuals in industry to inform our experiments. We then tested what  
 
<li>The effectiveness of kill switches was discussed with academics and individuals in industry to inform our experiments. We then tested what  
 
was discussed and designed parts to address the major concerns.</li>
 
was discussed and designed parts to address the major concerns.</li>
−
<br /><li>Outreach integration -
+
<br /><li>Integrated: Equality and Diversity -
−
<ul>
+
<ul style="font-size:100%;">
−
<li>We took a different approach to integrated Human Practices by integrating the Equality and Diversity work into itself - each interview influenced the next forming a  
+
<li>We took a different approach to Integrated Human Practices by integrating the Equality and Diversity work into itself - each interview influenced the next forming a  
 
grounded analysis of the issue.</li>
 
grounded analysis of the issue.</li>
−
<br /><li>Our board game; BioMech, integrates the principles of our lab work - biosafety and effective plasmid construction - into a fun  
+
<br /><li>Whilst not strictly Integrated, our board game; BioMech, embeds the principles of our lab work - biosafety and effective plasmid construction - into a fun  
 
and engaging educational tool.</li>
 
and engaging educational tool.</li>
 
</ul></li>
 
</ul></li>
−
<br /><li>We have provided a framework for the implementation of a Synthetic Biology Module at our University in order to provide a better understanding of the field to fill the gap in knowledge we found during our human practices.</li>
+
<br /><li>Equally, we have provided a framework for the implementation of a Synthetic Biology Module at our University in order to provide a better understanding of the field to fill the gap in knowledge we found during our human practices. Assessment is in the style of the iGEM jamboree</li>
 
</ul>
 
</ul>
 
<h6>Improve a previous part or project:</h6>
 
<h6>Improve a previous part or project:</h6>
−
<ul>
+
<ul >
 
<li>We have further characterised KillerRed by testing it under a wider range of conditions and quantified the length of time for it to remain viable as a kill switch.</li>
 
<li>We have further characterised KillerRed by testing it under a wider range of conditions and quantified the length of time for it to remain viable as a kill switch.</li>
 
<br /><li>We have improved Lysozyme C by adding a signal peptide targeting it to the periplasm where it is most effective.</li>
 
<br /><li>We have improved Lysozyme C by adding a signal peptide targeting it to the periplasm where it is most effective.</li>
Line 741: Line 899:
 
<h6>Proof of concept</h6>
 
<h6>Proof of concept</h6>
 
<ul>
 
<ul>
−
<li>We used a <a href="https://2016.igem.org/Team:Exeter/Project#culture" >ministat</a> array to test the longevity of kill switches and to simulate their real world application in an industrial chemostat setting.</li>
+
<li>We used a <a href="https://2016.igem.org/Team:Exeter/Proof" >ministat</a> array to test the longevity of kill switches and to simulate their real world application in an industrial chemostat setting.</li>
 
</ul>
 
</ul>
 
<h6>Demonstrate your work:</h6>
 
<h6>Demonstrate your work:</h6>
Line 753: Line 911:
 
<br />
 
<br />
  
 +
</div>
  
 
<!--Content Ends-->
 
<!--Content Ends-->

Latest revision as of 03:05, 20 October 2016