Difference between revisions of "Team:AshesiGhana"

Line 1: Line 1:
−
<html>
+
{{Template:AshesiGhana/NavBar}}
−
<head>
+
<html class="no-js">
−
<meta charset="utf-8">
+
<head>
−
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
  
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<meta property="og:title" content=""/>
 +
<meta property="og:image" content=""/>
 +
<meta property="og:url" content=""/>
 +
<meta property="og:site_name" content=""/>
 +
<meta property="og:description" content=""/>
 +
<meta name="twitter:title" content="" />
 +
<meta name="twitter:image" content="" />
 +
<meta name="twitter:url" content="" />
 +
<meta name="twitter:card" content="" />
  
−
<!-- icons -->
+
       
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 +
<link rel="shortcut icon" href="favicon.ico">
  
−
<!--jquery-->
+
<!-- Google Webfonts -->
 +
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,100,500' rel='stylesheet' type='text/css'>
 +
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
 +
<link href='https://fonts.googleapis.com/css?family=Sanchez:400,400italic' rel='stylesheet' type='text/css'>
 +
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
 +
       
 +
       
 +
<style>
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-13px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
+
.navbar-brand {
−
<!-- Latest compiled and minified CSS -->
+
  padding: 0px;
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
}
 +
.navbar-brand>img {
 +
  height: 100%;
 +
  padding: 15px;
 +
  width: auto;
 +
}
  
−
<script type="text/javascript" async
+
.navigation {
−
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
+
    height: 70px;
−
</script>
+
    margin-top: 10px;
 +
    padding: 0;
 +
    background: white;
 +
    font-size: 70%;
 +
}
  
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
.brand{
 +
color:black;
 +
}
  
−
<script>
 
−
window.onscroll = function() {
 
−
  growShrinkLogo()
 
−
};
 
  
−
function growShrinkLogo() {
 
−
  var Logo = document.getElementById("Logo")
 
−
  if (document.body.scrollTop > 5 || document.documentElement.scrollTop > 5) {
 
−
    Logo.style.width = '60px';
 
−
  } else {
 
−
    Logo.style.width = '120px';
 
−
  }
 
−
}
 
−
</script>
 
  
−
<style>
 
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
  
−
/* Clear the default wiki settings */
 
  
−
#home_logo, #sideMenu { display:none; }
+
/*************************
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
EXAMPLES 2-7 BELOW
−
#content { width:100%; padding:0px;  margin-top:-13px; margin-left:0px;}
+
**************************/
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
 +
/* EXAMPLE 2 (larger logo) - simply adjust top bottom padding to make logo larger */
  
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
.example2 .navbar-brand>img {
−
body {
+
   padding: 7px 15px;
−
   background-color: white;
+
−
  width: 100%;
+
 
}
 
}
  
−
#bodyContent h1,
 
−
#bodyContent h2,
 
−
#bodyContent h3,
 
−
#bodyContent h4,
 
−
#bodyContent h5 {
 
−
  margin-bottom: 0px;
 
−
}
 
−
</style>
 
  
−
<style>
+
/* EXAMPLE 3
−
.description{
+
−
color: black !important;
+
−
font-family: 'Josefin Sans', sans-serif;
+
−
padding-left: 10%;
+
−
padding-right: 10%;
+
−
margin: 0 auto;
+
−
position: relative;
+
−
max-width: 100em;
+
−
}
+
  
−
</style>
+
line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */
  
−
<style>
+
.example3 .navbar-brand {
−
@charset "UTF-8";
+
   height: 80px;
−
.navigation {
+
−
   height: 70px;
+
−
  margin-top:10px;
+
−
  padding:0;
+
−
  background: white;
+
−
  font-size: 70%;
+
 
}
 
}
  
−
.brand {
+
.example3 .nav >li >a {
−
  position: absolute;
+
   padding-top: 30px;
−
  float: left;
+
   padding-bottom: 30px;
−
   padding-left:2%;
+
−
   line-height: 80px;
+
−
  text-transform: uppercase;
+
−
  font-size: 1.4em;
+
 
}
 
}
−
 
+
.example3 .navbar-toggle {
−
/* ASHESI COLLEGE*/
+
   padding: 10px;
−
.brand a,
+
   margin: 25px 15px 25px 0;
−
.brand a:visited{
+
−
   color: black;
+
−
   text-decoration: none;
+
−
  font-family: 'Josefin Sans', sans-serif;
+
−
  font-size: 100%;
+
 
}
 
}
  
−
.nav-container {
 
−
  max-width: 1200px;
 
−
  margin: 0 auto;
 
−
}
 
  
−
nav {
+
/* EXAMPLE 4 - Small Narrow Logo*/
−
   float: right;
+
.example4 .navbar-brand>img {
−
  background: none;
+
   padding: 7px 14px;
 
}
 
}
−
nav ul {
 
−
  list-style: none;
 
−
  margin: 0;
 
−
  padding: 0;
 
−
  background: #262626;
 
  
−
}
 
−
nav ul li {
 
−
  float: left;
 
−
  position: relative;
 
−
  background: red;
 
  
 +
/* EXAMPLE 5 - Logo with Text*/
 +
.example5 .navbar-brand {
 +
  display: flex;
 +
  align-items: center;
 +
}
 +
.example5 .navbar-brand>img {
 +
  padding: 7px 14px;
 
}
 
}
  
−
/* text inside navbar before */
 
−
nav ul li a,
 
−
nav ul li a:visited {
 
−
  display: block;
 
−
  height: 65px;
 
−
  padding: 0 20px;
 
−
  background: #262626;
 
−
  line-height: 80px;
 
−
  //background: purple;
 
−
  color: #ffffff;
 
−
  text-decoration: none;
 
−
  font-family: 'Josefin Sans', sans-serif;
 
−
  font-size: 120%;
 
−
}
 
−
nav ul li a:hover,
 
−
nav ul li a:visited:hover {
 
−
  background: #2581DC;
 
−
  color: #ffffff;
 
−
  text-decoration: none;
 
−
}
 
−
nav ul li a:not(:only-child):after,
 
−
nav ul li a:visited:not(:only-child):after {
 
−
  padding-left: 4px;
 
−
  content: ' ▾';
 
−
  text-decoration: none;
 
−
}
 
  
−
nav ul li ul {
+
/* EXAMPLE 6 - Background Logo*/
−
   height: 5px;
+
.example6 .navbar-brand{  
 +
   background: url(https://res.cloudinary.com/candidbusiness/image/upload/v1455406304/dispute-bills-chicago.png) center / contain no-repeat;
 +
  width: 200px;
 
}
 
}
  
  
−
nav ul li ul li {
 
−
  min-width: 150px;
 
−
  height: 50px;
 
−
  width: 100%;
 
  
  
−
  /* make dropdown stick to top */
 
−
  top: -5px;
 
−
}
 
−
nav ul li ul li a {
 
−
  padding: 15px;
 
−
  line-height: 50%;
 
−
  margin: 0px;
 
−
  text-decoration: none;
 
  
 +
/* EXAMPLE 8 - Center on mobile*/
 +
@media only screen and (max-width : 768px){
 +
  .example-8 .navbar-brand {
 +
  padding: 0px;
 +
  transform: translateX(-50%);
 +
  left: 50%;
 +
  position: absolute;
 
}
 
}
 +
.example-8 .navbar-brand>img {
 +
  height: 100%;
 +
  width: auto;
 +
  padding: 7px 14px;
 +
}
 +
}
 +
  
−
.nav-dropdown {
+
/* EXAMPLE 8 - Center Background */
 +
.example-8 .navbar-brand {
 +
  background: url(https://res.cloudinary.com/candidbusiness/image/upload/v1455406304/dispute-bills-chicago.png) center / contain no-repeat;
 +
  width: 200px;
 +
  transform: translateX(-50%);
 +
  left: 50%;
 
   position: absolute;
 
   position: absolute;
−
  display: none;
 
−
  left: -23px;
 
−
  top: 65px;
 
−
  z-index: 1;
 
−
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
 
−
  height: 100%;
 
 
}
 
}
  
−
/* Mobile navigation */
+
 
−
.nav-mobile {
+
/* EXAMPLE 9 - Center with Flexbox and Text*/
−
   float:right;
+
.brand-centered {
−
   display: none;
+
   display: flex;
 +
   justify-content: center;
 
   position: absolute;
 
   position: absolute;
 +
  width: 100%;
 +
  left: 0;
 
   top: 0;
 
   top: 0;
−
  right: 0;
+
}
−
   height: 20px;
+
.brand-centered .navbar-brand {
−
   width: 70px;
+
   display: flex;
−
  background: #262626;
+
   align-items: center;
 +
}
 +
.navbar-toggle {
 +
    z-index: 1;
 +
}
  
 +
/* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */
 +
.navbar-alignit .navbar-header {
 +
  -webkit-transform-style: preserve-3d;
 +
  -moz-transform-style: preserve-3d;
 +
  transform-style: preserve-3d;
 +
  height: 50px;
 +
}
 +
.navbar-alignit .navbar-brand {
 +
top: 50%;
 +
display: block;
 +
position: relative;
 +
height: auto;
 +
transform: translate(0,-50%);
 +
margin-right: 15px;
 +
  margin-left: 15px;
 
}
 
}
  
−
@media only screen and (max-width: 950px) {
+
.navbar-nav>li>.dropdown-menu {
−
  .nav-mobile {
+
z-index: 9999;
−
    display: block;
+
}
−
  }
+
  
−
  nav {
+
body {
−
    width: 100%;
+
  font-family: "Lato";
−
    padding: 0 0 0;
+
}
−
  }
+
</style>
 +
  
−
  /* background of mobile dropdown */
+
<!-- Animate.css -->
−
  nav ul {
+
<!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/animate.css"> -->
−
    display: none;
+
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:AshesiGhana/CSS:animate?action=raw&ctype=text/css" />
 +
<!-- Icomoon Icon Fonts-->
 +
<!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/icomoon.css"> -->
  
−
    /* width of dropdown */
+
<link rel="stylesheet" type="text/css"
−
    position: fixed;
+
href="https://2017.igem.org/Template:AshesiGhana/CSS:icomoon?action=raw&ctype=text/css" />
−
    width: 180px;
+
<!-- Magnific Popup -->
−
    height: auto;
+
<!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/magnific-popup.css"> -->
  
−
    top: 81px;
 
−
    right: 0px;
 
  
−
  }
+
<link rel="stylesheet" type="text/css"
−
  nav ul li {
+
href="https://2017.igem.org/Template:AshesiGhana/CSS:magnific-popup?action=raw&ctype=text/css" />
−
    float: none;
+
<!-- Theme Style -->
−
    text-align: center;
+
<!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/style.css"> -->
−
  }
+
−
  nav ul li a {
+
−
    padding: 15px;
+
−
    line-height: 20px;
+
  
−
  }
+
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:AshesiGhana/CSS?action=raw&ctype=text/css" />
 +
<!-- Modernizr JS -->
 +
<!-- <script src="https://ashbuspay.000webhostapp.com/js/modernizr-2.6.2.min.js"></script> -->
  
 +
  
−
/* toggle dropdown */
+
<script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
−
  .nav-dropdown {
+
−
  position:fixed;
+
  
−
  top: 81px;
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
−
  width: 180px;
+
−
  height: auto;
+
  
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="js/respond.min.js"></script>
 +
<![endif]-->
  
−
  }
+
</head>
−
  .brand{
+
<body>
−
    padding-left: 10%;
+
−
  }
+
−
}
+
  
  
−
/* background of toggle (mobile) */
+
<header role="banner" id="fh5co-header" style="background-image: url(https://static.igem.org/mediawiki/2017/2/23/GhanaSite.jpg); background-size: 100% 100%;  
−
#nav-toggle {
+
    background-repeat: no-repeat;" data-stellar-background-ratio="0.5">
−
  position: absolute;
+
−
  left: 18px;
+
−
  top: 22px;
+
−
  cursor: pointer;
+
−
  padding: 10px 35px 16px 0px;
+
−
  background: #262626;
+
−
}
+
  
−
/* toggle button (mobile) */
+
<div class="fh5co-overlay" ></div>
−
#nav-toggle span,
+
<div class="container">
−
#nav-toggle span:before,
+
<div class="fh5co-intro-wrap">
−
#nav-toggle span:after {
+
<div class="fh5co-intro">
−
  cursor: pointer;
+
<div class="row">
−
  border-radius: 1px;
+
<div class="col-md-8 col-md-offset-2 text-center">
−
  height: 5px;
+
<h1 class="fh5co-intro-lead animate-1 to-animate">Team AshesiGhana</h1>
−
  width: 35px;
+
<h2 class="fh5co-intro-sub animate-2 to-animate">Introducing the Greatest Gold Miners in the World....Microbes</h2>
−
  background: #ffffff;
+
−
  position: absolute;
+
</div>
−
  display: block;
+
</div>
−
  content: '';
+
</div>
−
  transition: all 300ms ease-in-out;
+
</div>
−
}
+
</div>
−
#nav-toggle span:before {
+
</header>
−
  top: -10px;
+
−
}
+
<main role="main" id="fh5co-main">
−
#nav-toggle span:after {
+
<div class="container" id="bio-animate">
−
  bottom: -10px;
+
<div class="row row-padded">
−
}
+
<div class="col-md-3">
−
#nav-toggle.active span {
+
<h2 class="fh5co-section-heading to-animate">Project Description<span class="fh5co-border"></span></h2>
−
  background-color: transparent;
+
</div>
−
}
+
<div class="col-md-8 col-md-push-1">
−
#nav-toggle.active span:before, #nav-toggle.active span:after {
+
<div class="row">
−
  top: 0;
+
<div class="col-md-6 to-animate">
−
}
+
<p>For the 2017 IGEM, Team AshesiGhana is working on a bio-mining project. The objective of our project is to develop an organism capable of liberating gold from the refractory ore. We aim to provide not only an alternative, non-toxic approach for small scale mining, but also deliver an easy and fast bio-detection and quantification method of ore in the mining industry of our country. The availability of such a biosensor will allow routine monitoring of the ore before a mining endeavor is undertaken thus preventing the destruction of the environment. The project will engineer the typical environmental organism Acidithiobacillus ferroxidans with a FRET probe.</p>
−
#nav-toggle.active span:before {
+
−
  transform: rotate(45deg);
+
−
}
+
−
#nav-toggle.active span:after {
+
−
  transform: rotate(-45deg);
+
−
}
+
  
−
</style>
+
<p>This new organism will primarily be capable of sensing and quantifying the amount of gold in the ore. This will be accomplished by using a two-part probe, a donor part which is made up of gold binding protein (golB) attached to a green fluorescent protein (nowGFP). The second part of the acceptor is also made up of a binding protein and a red fluorescent protein (mRuby2). In the presence of a high amount of free gold, the two parts would be in close proximity and energy transfer can take place and the red protein would be excited giving off a fluorescent signal. Using calibration experiments, we can relate the amount of fluorescence to the amount of gold present,liberated by the organism from the ore.</p>
 +
</div>
 +
<div class="col-md-6 to-animate">
 +
<p>As Acidithiobacillus ferroxidans is a difficult organism to grow in large quantities, we will engineer a strain of E coli to produce two of the main oxidizing enzymes for iron and sulphite which will liberate the gold from the ore. The organism will also be engineered with protective enzymes against the low pH, which is one of the bi-products of the gold liberation reaction, and metal toxicity. The same FRET biosensor part can be added to the E coli strain for the quantification of gold. This new organism can easily be grown in large batches and so can be used to extract gold from refractory ore without the need of any toxic treatment thus providing a safe alternative for small scale mining. </p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- END .row -->
 +
</div>
  
−
<section class="navigation navbar-fixed-top">
 
−
  <div class="nav-container">
 
−
<div style="float:right;">
 
−
</div>
 
−
    <div class="brand" class="pull-left" >
 
−
      <a href="https://www.ashesi.edu.gh/" class="pull-left" ><img style="width:120px" id='Logo' src="https://static.igem.org/mediawiki/2017/5/58/T--AshesiGhana--logo3.png">
 
−
Ashesi University College
 
−
    </a>
 
−
    </div>
 
−
    <nav>
 
−
      <div class="nav-mobile"><a rel="nofollow" rel="noreferrer"id="nav-toggle" href="#!"><span></span></a></div>
 
−
      <ul class="nav-list">
 
−
        <li>
 
−
          <a rel="nofollow" rel="noreferrer" href="https://2017.igem.org/Team:AshesiGhana">Home</a>
 
−
        </li>
 
−
        <li>
 
−
          <a rel="nofollow" rel="noreferrer"href="#!">Team</a>
 
−
          <ul class="nav-dropdown">
 
−
            <li><a href="https://2017.igem.org/Team:AshesiGhana/Team">Meet The Miners</a></li>
 
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Sponsors">Sponsors</a></li>
 
−
                                        </ul>
 
−
        </li>
 
−
        <li>
 
−
          <a rel="nofollow" rel="noreferrer"href="#!">Project</a>
 
−
          <ul class="nav-dropdown">
 
−
<li><a href="https://2017.igem.org/Team:AshesiGhana/Motivation">Motivation</a></li>
 
−
            <li><a href="https://2017.igem.org/Team:AshesiGhana/Description">Description</a></li>
 
  
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Results">Results</a></li>
+
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Safety">Safety</a></li>
+
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Interlab">Interlab</a></li>
+
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Improvements">Improvements</a></li> </ul>
+
−
        </li>
+
−
        <li>
+
−
          <a rel="nofollow" rel="noreferrer"href="#!">Parts</a>
+
−
          <ul class="nav-dropdown">
+
−
            <li><a href="https://2017.igem.org/Team:AshesiGhana/Parts">Parts</a></li>
+
−
<li><a href="https://2017.igem.org/Team:AshesiGhana/fret">FRET</a></li>
+
−
<li><a href="https://2017.igem.org/Team:AshesiGhana/goldlib">Gold Liberation</a></li>
+
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/collection">Parts Collection</a></li></ul>
+
−
        </li>
+
−
        <li>
+
−
          <a rel="nofollow" rel="noreferrer"href="#!">Human Practices</a>
+
−
          <ul class="nav-dropdown">
+
  
−
                                          <li><a href="https://2017.igem.org/Team:AshesiGhana/Collaborations">Collaborations</a></li>
+
</main>
−
            <li><a href="https://2017.igem.org/Team:AshesiGhana/Engagement">Public Engagement</a></li>
+
−
          </ul>
+
−
        </li>
+
−
<li>
+
−
                            <a rel="nofollow" rel="noreferrer"href="#!">Notebook </a>
+
−
                            <ul class="nav-dropdown">
+
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Brainstorm">Brainstorm</a></li>
+
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Notebook">Lab Notebook</a></li>
+
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Protocols">Protocols</a></li>
+
−
                                        </ul>
+
−
                        </li>
+
−
        <li>
+
−
          <a rel="nofollow" rel="noreferrer"href="#!">Awards</a>
+
−
          <ul class="nav-dropdown">
+
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Medal">Medal Citerion</a></li> </ul>
+
−
        </li>
+
−
      </ul>
+
−
    </nav>
+
−
  </div>
+
−
</section>
+
  
 +
<!-- jQuery -->
 +
<script src="https://ashbuspay.000webhostapp.com/js/jquery.min.js"></script>
 +
<!-- jQuery Easing -->
 +
<script src="https://ashbuspay.000webhostapp.com/js/jquery.easing.1.3.js"></script>
 +
<!-- Bootstrap -->
 +
<script src="https://ashbuspay.000webhostapp.com/js/bootstrap.min.js"></script>
 +
<!-- Waypoints -->
 +
<script src="https://ashbuspay.000webhostapp.com/js/jquery.waypoints.min.js"></script>
 +
<!-- Stellar -->
 +
<script src="https://ashbuspay.000webhostapp.com/js/jquery.stellar.min.js"></script>
 +
<!-- countTo -->
 +
<script src="https://ashbuspay.000webhostapp.com/js/jquery.countTo.js"></script>
 +
<!-- Magnific Popup -->
 +
<script src="https://ashbuspay.000webhostapp.com/js/jquery.magnific-popup.min.js"></script>
 +
<!-- Main JS -->
 +
<script src="https://ashbuspay.000webhostapp.com/js/main.js"></script>
  
−
<script>
+
−
(function($) { // Begin jQuery
+
</body>
−
  $(function() { // DOM ready
+
−
    // If a link has a dropdown, add sub menu toggle.
+
−
    $('nav ul li a:not(:only-child)').click(function(e) {
+
−
      $(this).siblings('.nav-dropdown').toggle();
+
−
      // Close one dropdown when selecting another
+
−
      $('.nav-dropdown').not($(this).siblings()).hide();
+
−
      e.stopPropagation();
+
−
    });
+
−
    // Clicking away from dropdown will remove the dropdown class
+
−
    $('html').click(function() {
+
−
      $('.nav-dropdown').hide();
+
−
    });
+
−
    // Toggle open and close nav styles on click
+
−
    $('#nav-toggle').click(function() {
+
−
      $('nav ul').slideToggle();
+
−
    });
+
−
    // Hamburger to X toggle
+
−
    $('#nav-toggle').on('click', function() {
+
−
      this.classList.toggle('active');
+
−
    });
+
−
  }); // end DOM ready
+
−
})(jQuery); // end jQuery
+
−
</script>
+
−
</head>
+
 
</html>
 
</html>
 +
{{Template:AshesiGhana/Footer}}

Revision as of 10:07, 5 October 2017

Ashesi University
College

Project Description

For the 2017 IGEM, Team AshesiGhana is working on a bio-mining project. The objective of our project is to develop an organism capable of liberating gold from the refractory ore. We aim to provide not only an alternative, non-toxic approach for small scale mining, but also deliver an easy and fast bio-detection and quantification method of ore in the mining industry of our country. The availability of such a biosensor will allow routine monitoring of the ore before a mining endeavor is undertaken thus preventing the destruction of the environment. The project will engineer the typical environmental organism Acidithiobacillus ferroxidans with a FRET probe.

This new organism will primarily be capable of sensing and quantifying the amount of gold in the ore. This will be accomplished by using a two-part probe, a donor part which is made up of gold binding protein (golB) attached to a green fluorescent protein (nowGFP). The second part of the acceptor is also made up of a binding protein and a red fluorescent protein (mRuby2). In the presence of a high amount of free gold, the two parts would be in close proximity and energy transfer can take place and the red protein would be excited giving off a fluorescent signal. Using calibration experiments, we can relate the amount of fluorescence to the amount of gold present,liberated by the organism from the ore.

As Acidithiobacillus ferroxidans is a difficult organism to grow in large quantities, we will engineer a strain of E coli to produce two of the main oxidizing enzymes for iron and sulphite which will liberate the gold from the ore. The organism will also be engineered with protective enzymes against the low pH, which is one of the bi-products of the gold liberation reaction, and metal toxicity. The same FRET biosensor part can be added to the E coli strain for the quantification of gold. This new organism can easily be grown in large batches and so can be used to extract gold from refractory ore without the need of any toxic treatment thus providing a safe alternative for small scale mining.