Difference between revisions of "Team:UCL/amandeep"

 
(44 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{Template:UCL}}
 
<html>
 
<html>
  
<style>
+
<h3> Images for the carousel </h3>
  
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
<div class = "column full_size">
 +
<img src = "https://static.igem.org/mediawiki/2016/4/4a/Ucligemaman.jpg" style = "width:800px; height:300px;">
 +
<img src = "https://static.igem.org/mediawiki/2016/a/ac/Ucligem_coverimage2.jpg" style = "width:800px; height:300px;">
 +
<img src = "https://static.igem.org/mediawiki/2016/3/3c/Ucligem_coverimage1.jpg" style = "width:800px; height:300px;">
 +
</div>
  
#sideMenu, #top_title {display:none;}
+
<h1> Short abstract </h1>
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
+
body {background-color:white; }
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
/********************************* MENU ********************************/
+
<div class="column full_size" >
/* Wrapper for the menu */
+
<div class="highlight">
.menu_wrapper {
+
<h1> BioSynthAge: Do not go gentle into that good night </h1>
width:150px;
+
<p> We envision a time in which the human population lives a healthier life, for longer. We will use synthetic biology to ensure the ageing world population can both maintain their quality of life and extend their lifespan - increasing their ‘healthspan’. The health challenges currently posed by ageing are many and complex so we propose a suite of synthetic biology solutions to tackle these challenges. Our synthetic biology solutions will include, but not be limited to, the following:</p>
height:100vh;
+
</div>
position:fixed;
+
padding:0px;
+
float:left;
+
background-color:#f2f2f2;
+
text-align:left;
+
}
+
  
/* styling for the menu items */
+
<div class="column full_size" >
.menu_item {
+
<div class="highlight">
width:100%;
+
<h1> Oxidative stress – the root of the problem </h1>
margin:-2px 0px 0px -20px;
+
<p> Oxidative stress underlies many of the health problems of ageing so we will develop a number of free radical mopping devices. These devices will include therapeutic bacterial chassis triggered by oxidative-stress to deliver free-radical mopping compounds. To lay a conceptual foundation for genetic tools that address ageing within human cells, we will also use gene-editing tools to map the relationship between telomerase expression and cellular robustness to oxidative stress. </p>
padding: 10px 10px; 
+
</div>
border-bottom: 1px solid #d3d3d3;
+
font-weight:bold;
+
color:#000000;
+
cursor: pointer;
+
}
+
  
/********************************* MENU ********************************/
+
<div class="column full_size" >
/* Wrapper for the menu */
+
<div class="highlight">
.menu_wrapper {
+
<h1> False teeth – a thing of the past </h1>
width:150px;
+
height:100vh;
+
position:fixed;
+
padding:0px;
+
background-color:#f2f2f2;
+
text-align:middle;
+
}
+
  
/* styling for the menu items */
+
<p> Increasing tooth loss remains a feature of old age in humans throughout the world. We will harness synthetic biology to improve the dental health of the ageing population by designing bacteria that do not cause decay but actually prevent it. These biofilm-fillings will provide a regenerative internal environment for the tooth whilst fighting off the surface bacteria that cause dental plaques.</p>
.menu_item {
+
</div>
width:100%;
+
margin:-2px 0px 0px -20px;
+
padding: 10px 10px; 
+
border-bottom: 1px solid #d3d3d3;
+
font-weight:bold;
+
color:#000000;
+
cursor: pointer;
+
}
+
  
/* when hovering on a menu item */
 
.menu_item:hover {
 
color:#000000;
 
background-color: #72c9b6;
 
}
 
  
/* decoration icon for the menu buttons*/
+
<div class="column full_size" >
.icon {
+
<div class="highlight">
float:right; 
+
<h1> Grey love – it does not have to be dangerous</h1>
font-size:16px;
+
<p> You may be surprised to know that sexually transmitted diseases are particularly prevalent in elderly populations. By embedding living biosensors into lubricant gels we will simplify the process of screening potential partners for sexually transmitted infections – as the gel will glow in the night on contact with organisms such as Neisseria gonorrhoeae.</p>
font-weight:bold;
+
</div>
}
+
+
/* this is the icon for when the content is collapsed */
+
.plus::before {
+
content: "+";
+
}
+
/* this is the icon for when the content is expanded */
+
.less::before {
+
content: "–";
+
}
+
  
/* styling for the ul that creates the buttons */
+
<p style = "Color:red; font-size:14px"> We believe that our ageing project was a great topic to explore and has a huge potential to make both social, cultural and economic impact. </p>
ul.menu_items {
+
</div>
width:100%;  
+
margin-left:0px;
+
padding:0px;
+
list-style: none;
+
}
+
  
/* styling for the li that are the menu items */
+
<img src="https://static.igem.org/mediawiki/2016/0/0f/UCL_iGEM_logo.png" alt="UCL iGEM logo" style="width:180px;height:180px;">
.menu_items li {
+
<img src="https://static.igem.org/mediawiki/2016/2/29/Ucligem_logoo.jpg" alt="UCL Biosynthage logo" style="width:200px;height:200px;">
width:90%;  
+
margin-top:-2px;  
+
padding: 15px 0px 15px 15px ;
+
display:block;
+
border-bottom: 1px solid #d3d3d3; 
+
text-align:left;
+
font-weight:bold;
+
text-decoration:none;
+
color:#000000;
+
list-style-type:none;
+
cursor:pointer;
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease; transition: all 0.4s ease;
+
}
+
  
.menu_item a {
+
<div class="column full_size" >
width: 100%;
+
<body style="background-color:lightblue;">
margin-left: -20px;
+
padding: 11px 90px 12px 20px;
+
text-decoration: none;
+
color:black;
+
}
+
  
/* When hovering on a menu item */
 
.menu_items li:hover {
 
background-color:#72c9b6;
 
color: #000000;
 
}
 
  
/* styling for the submenus */
 
.submenu {
 
width:100%;
 
display: none; 
 
font-weight:bold;
 
cursor:pointer;
 
  
}
+
<div class="column full_size" >
 +
<div class="highlight">
 +
<p>Please follow our journey on twitter - www.twitter.com/ucligem facebook www.facebook.com/ucligem and our blog ucligem2016.wix.com/ucligem2016 <p>
 +
</div>
  
/* moving the margin for the submenu ul list */
+
<p>Your team has been approved and you are ready to start the iGEM season! </p>
ul.submenu {
+
width: 100%;
+
margin: 10px 0px -11px 0px;
+
list-style: none;
+
}
+
  
/*styling for the submenu buttons */
+
</div>
.submenu li {
+
width: 100%;
+
margin-left: 10px;
+
margin-bottom: 0px;
+
}
+
  
 +
 
 +
<div class="column half_size" >
 +
<h5>Sponsors </h5>
 +
<img src="https://static.igem.org/mediawiki/2016/d/d1/SnapGene_logo.png" alt="SnapGene Logo">
 +
</div>
 +
<div class="column half_size" >
 +
<img src = "http://businessfordevelopment.org/wp-content/uploads/2015/10/Syngenta_Logo.svg_.png">
 +
</div>
 +
<div class="column half_size" >
 +
<img src = "https://static.igem.org/mediawiki/2016/9/97/Ucligem_neb.png">
 +
</div>
  
/* hover state for the submenu buttons */
+
.submenu li a {
+
<div class="column half_size" >
width: 100%;
+
<h5>Before you start: </h5>
padding: 5px 10px;
+
<p> Please read the following pages:</p>
display: inline-block;
+
<ul>
border-bottom: 1px solid #d3d3d3;
+
<li>  <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
background-color:white;
+
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
text-decoration:none;
+
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
color:#000000;
+
</ul>
}
+
</div>
  
 +
<div class="column half_size" >
 +
<div class="highlight">
 +
<h5> Styling your wiki </h5>
 +
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
 +
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
 +
</div>
 +
</div>
  
 +
<div class="column full_size" >
 +
<h5> Wiki template information </h5>
 +
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
  
.submenu li a:hover  {
+
</div>
background-color:#000000;
+
color: #72c9b6;
+
}
+
  
  
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
 
.collapsable_menu_control {
 
width:100%;
 
padding: 15px 0px;
 
display:none;
 
background-color:#000000;
 
text-align:center; 
 
font-weight:bold;
 
color:#72c9b6;
 
cursor:pointer;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease;
 
transition: all 0.4s ease;
 
}
 
  
/* when hovering on that button */
 
.collapsable_menu_control:hover {
 
background-color: #72c9b6;
 
color:#000000; 
 
}
 
  
/********************************* CONTENT OF THE PAGE ********************************/
+
<div class="column half_size" >
 +
<h5> Editing your wiki </h5>
 +
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
 +
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
  
/* Wrapper for the content */
+
</div>
.content_wrapper {
+
width: 85%;
+
margin-left:150px;
+
padding:10px 0px;
+
float:left;
+
background-color:white;
+
}
+
  
/*LAYOUT */
 
.column  {
 
padding: 10px 0px;
 
float:left;
 
background-color:white;
 
}
 
  
.full_size {
+
<div class="column half_size" >
width:100%;  
+
<h5>Tips</h5>
}
+
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 +
<ul>
 +
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
 +
<li>Be clear about what you are doing and how you plan to do this.</li>
 +
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
 +
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
 +
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
 +
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
 +
<li>Have lots of fun! </li>
 +
</ul>
 +
</div>
  
.full_size img {
 
padding: 10px 15px;
 
width:96.5%;
 
}
 
  
.half_size {
+
<div class="column half_size" >
width: 50%;
+
<h5>Inspiration</h5>
}
+
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
.half_size img {
+
<ul>
padding: 10px 15px;
+
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
width: 93%;
+
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
}
+
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 +
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 +
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 +
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 +
</ul>
 +
</div>
  
 +
<div class="column half_size" >
 +
<h5> Uploading pictures and files </h5>
 +
<p> You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 +
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
  
.clear {
 
clear:both;
 
}
 
  
.highlight {
+
<div class="button_clickonClick=" parent.location= 'https://2016.igem.org/Special:Upload '">   
width: 90%;
+
UPLOAD FILES
margin: auto;
+
</div>
padding: 15px 5px;
+
background-color: #f2f2f2;
+
}
+
 
+
.judges-will-not-evaluate {
+
border: 4px solid #72c9b6;
+
display: block;
+
margin: 5px 15px;
+
width: 95%;
+
font-weight:bold;
+
}
+
 
+
 
+
/*STYLING */
+
 
+
/* styling for the titles */
+
.content_wrapper h1, .content_wrapper h2 {
+
padding:5px 15px;
+
border-bottom:0px;
+
color:#72c9b6;
+
 
+
}
+
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
+
padding:5px 15px;
+
border-bottom:0px;
+
color: #000000; 
+
}
+
 
+
 
+
/* font and text */
+
.content_wrapper p {
+
padding:0px 15px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* Links */
+
.content_wrapper a {
+
font-weight: bold;
+
text-decoration: underline;
+
text-decoration-color:#72c9b6;
+
color: #72c9b6;
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;
+
transition: all 0.4s ease;
+
}
+
 
+
/* hover for the links */
+
.content_wrapper a:hover {
+
text-decoration:none;
+
color:#000000;
+
}
+
 
+
/* non numbered lists */
+
.content_wrapper ul {
+
padding:0px 20px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* numbered lists */
+
.content_wrapper ol {
+
padding:0px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* Table */
+
.content_wrapper table {
+
width: 97%;
+
margin:15px 10px;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table cells */
+
.content_wrapper  td {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table headers */
+
.content_wrapper th {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
background-color:#f2f2f2;
+
}
+
 
+
/* Button class */
+
.button_click {
+
margin: 10px auto;
+
padding: 15px; width:12%; 
+
text-align:center;
+
font-weight:bold;
+
background-color: #72c9b6;
+
cursor:pointer; 
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;
+
transition: all 0.4s ease;
+
}
+
 
+
/* button class on hover */
+
.button_click:hover { 
+
background-color:#000000;
+
color:#72c9b6;
+
}
+
 
+
/********************************* RESPONSIVE STYLING ********************************/
+
 
+
/* IF THE SCREEN IS LESS THAN 1000PX */
+
 
+
@media only screen and (max-width: 1000px) {
+
 
+
#content {width:100%; }
+
.menu_wrapper {width:15%;}
+
.content_wrapper {margin-left: 15%;}
+
.menu_item {display:block;}
+
.icon {display:none;}
+
.highlight {padding:10px 0px;}
+
}
+
 
+
 
+
/* IF THE SCREEN IS LESS THAN 680PX */
+
 
+
@media only screen and (max-width: 680px) {
+
.collapsable_menu_control { display:block;}
+
.menu_item {display:none;}
+
.menu_wrapper { width:100%; height: 15%; position:relative;}
+
.content_wrapper {width:100%; margin-left:0px;}
+
.column.half_size {width:100%; }
+
.column img { width: 100%; padding: 5px 0px;}
+
.icon {display:block;}
+
.highlight {padding:15px 5px;}
+
}
+
 
+
</style>
+
 
+
 
+
 
+
 
+
<!--- THIS IS WHERE THE HTML BEGINS --->
+
 
+
 
+
<!-- This tells the browser that your page is responsive -->
+
 
+
<head>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
+
</head>
+
 
+
 
+
 
+
 
+
<div class="menu_wrapper" >
+
 
+
 
+
 
+
 
+
<div class="collapsable_menu_control"> MENU ▤ </div>
+
 
+
<ul id="accordion" class="accordion">
+
 
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:UCL">HOME </a> </li>
+
 
+
 
+
<li class="menu_item"> <div class="icon plus"></div> TEAM
+
<ul class="submenu">
+
<li> <a href=" https://2016.igem.org/Team:UCL/Team"> Team  </a> </li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Collaborations">★ Collaborations </a> </li>
+
                    </ul>
+
                </li>
+
 
+
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
+
<ul class="submenu">
+
<li> <a href="https://2016.igem.org/Team:UCL/Description"> ★  Description </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Design"> ★ Design </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Experiments"> Experiments </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Proof"> ★ Proof of Concept </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Demonstrate"> ★ Demonstrate </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Results"> Results </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Notebook"> Notebook </a></li>
+
                    </ul>
+
                </li>
+
 
+
<li class="menu_item"> <div class="icon plus"></div> PARTS  
+
<ul class="submenu">
+
<li> <a href="https://2016.igem.org/Team:UCL/Parts">Parts </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Basic_Part"> ★ Basic Parts </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Composite_Part"> ★ Composite Parts </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Part_Collection"> ★ Part Collection </a></li>
+
                    </ul>
+
                </li>
+
 
+
 
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:UCL/Safety"> SAFETY </a> </li>
+
 
+
 
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:UCL/Attributions">★  ATTRIBUTIONS </a></li>
+
 
+
 
+
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
+
<ul class="submenu">
+
<li> <a href="https://2016.igem.org/Team:UCL/Human_Practices"> Human Practices </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/HP/Silver">★ Silver </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/HP/Gold">★ Gold </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Integrated_Practices"> ★ Integrated Practices </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Engagement">★ Engagement </a></li>
+
                    </ul>
+
                </li>
+
 
+
 
+
<li class="menu_item"> <div class="icon plus"></div> AWARDS
+
<ul class="submenu">
+
<li><a href="https://2016.igem.org/Team:UCL/Entrepreneurship"> ★ Entrepreneurship </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Hardware"> ★ Hardware </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Software">★ Software </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Measurement">★  Measurement </a></li>
+
<li> <a href="https://2016.igem.org/Team:UCL/Model">★ Model </a></li>
+
 
+
                    </ul>
+
 
+
<li class="menu_item"> <div class="icon plus"></div> VLOG
+
<ul class="submenu">
+
<li><a href="https://2016.igem.org/Team:UCL/VLOG"> ★ VLOG </a></li>
+
 
+
                    </ul>
+
 
+
                </li>
+
  
 
</div>
 
</div>
  
  
 
 
 
<div class="content_wrapper">
 
 
 
 
<h1 id="team_name">  </h1>
 
<h4 id="page_name">  </h4>
 
 
 
 
 
 
 
 
 
 
<script>
 
 
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 
 
$(document).ready(function() {
 
 
$("#HQ_page").attr('id','');
 
 
 
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 
$("#team_name").html( wgPageName );
 
}
 
 
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
 
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
 
}
 
 
else {
 
// this adds the team's name as an h1
 
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
 
 
// this adds the page's title as an h4
 
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 
}
 
 
 
 
 
$('#accordion').find('.menu_item').click(function(){
 
 
//Expand or collapse this panel
 
submenu = $(this).find('.submenu');
 
submenu.toggle();
 
 
icon = $(this).find('.icon');
 
 
if ( !$( submenu ).is(':visible') ) {
 
icon.removeClass("less").addClass("plus");
 
}
 
else {
 
icon.removeClass("plus").addClass("less");
 
}
 
 
//Hide the other panels
 
$(".submenu").not(submenu).hide();
 
$(".icon").not(icon).removeClass("less").addClass("plus");
 
});
 
 
 
$(".collapsable_menu_control").click(function() {
 
$(".menu_item").toggle();
 
});
 
 
$( window ).resize(function() {
 
$(".menu_item").show();
 
});
 
 
 
});
 
  
  
  
  
</script>
 
  
  
 
</html>
 
</html>

Latest revision as of 09:51, 15 September 2016

Images for the carousel

Short abstract

BioSynthAge: Do not go gentle into that good night

We envision a time in which the human population lives a healthier life, for longer. We will use synthetic biology to ensure the ageing world population can both maintain their quality of life and extend their lifespan - increasing their ‘healthspan’. The health challenges currently posed by ageing are many and complex so we propose a suite of synthetic biology solutions to tackle these challenges. Our synthetic biology solutions will include, but not be limited to, the following:

Oxidative stress – the root of the problem

Oxidative stress underlies many of the health problems of ageing so we will develop a number of free radical mopping devices. These devices will include therapeutic bacterial chassis triggered by oxidative-stress to deliver free-radical mopping compounds. To lay a conceptual foundation for genetic tools that address ageing within human cells, we will also use gene-editing tools to map the relationship between telomerase expression and cellular robustness to oxidative stress.

False teeth – a thing of the past

Increasing tooth loss remains a feature of old age in humans throughout the world. We will harness synthetic biology to improve the dental health of the ageing population by designing bacteria that do not cause decay but actually prevent it. These biofilm-fillings will provide a regenerative internal environment for the tooth whilst fighting off the surface bacteria that cause dental plaques.

Grey love – it does not have to be dangerous

You may be surprised to know that sexually transmitted diseases are particularly prevalent in elderly populations. By embedding living biosensors into lubricant gels we will simplify the process of screening potential partners for sexually transmitted infections – as the gel will glow in the night on contact with organisms such as Neisseria gonorrhoeae.

We believe that our ageing project was a great topic to explore and has a huge potential to make both social, cultural and economic impact.

UCL iGEM logo UCL Biosynthage logo

Please follow our journey on twitter - www.twitter.com/ucligem facebook www.facebook.com/ucligem and our blog ucligem2016.wix.com/ucligem2016

Your team has been approved and you are ready to start the iGEM season!

Sponsors
SnapGene Logo
Before you start:

Please read the following pages:

Styling your wiki

You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.

While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.

Wiki template information

We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the Pages for awards link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!

Editing your wiki

On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world!

Use WikiTools - Edit in the black menu bar to edit this page

Tips

This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started:

  • State your accomplishments! Tell people what you have achieved from the start.
  • Be clear about what you are doing and how you plan to do this.
  • You have a global audience! Consider the different backgrounds that your users come from.
  • Make sure information is easy to find; nothing should be more than 3 clicks away.
  • Avoid using very small fonts and low contrast colors; information should be easy to read.
  • Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the iGEM 2016 calendar
  • Have lots of fun!
Inspiration

You can also view other team wikis for inspiration! Here are some examples:

Uploading pictures and files

You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name.
When you upload, set the "Destination Filename" to
T--YourOfficialTeamName--NameOfFile.jpg. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)

UPLOAD FILES