Difference between revisions of "Team:AshesiGhana"

 
(22 intermediate revisions by 2 users not shown)
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">
+
        <style>
−
 
+
        .bck {
−
<!--jquery-->
+
    background-image: url(https://static.igem.org/mediawiki/2017/2/28/T--AshesiGhana--backgroundPattern.jpg);
−
 
+
     background-repeat: repeat;
−
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
+
     padding-bottom: 10px;
−
<!-- Latest compiled and minified CSS -->
+
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
−
 
+
−
<script type="text/javascript" async
+
−
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
+
−
</script>
+
−
 
+
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
−
 
+
−
<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 = '250px';
+
−
  }
+
 
}
 
}
−
</script>
+
.shell-custom {
−
 
+
    margin-right: 0;
−
<style>
+
    margin-left: 0;
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
    min-width: 100%;
−
 
+
−
/* Clear the default wiki settings */
+
−
 
+
−
#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; }
+
−
 
+
−
 
+
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
−
body {
+
−
  background-color: white;
+
−
  width: 100%;
+
 
}
 
}
−
 
+
    .row *{
−
#bodyContent h1,
+
    font-family: 'Nunito' !important;
−
#bodyContent h2,
+
−
#bodyContent h3,
+
−
#bodyContent h4,
+
−
#bodyContent h5 {
+
−
  margin-bottom: 0px;
+
 
}
 
}
 
</style>
 
</style>
 +
       
  
−
<style>
 
−
.description{
 
−
color: black !important;
 
−
font-family: 'Nunito';
 
−
padding-left: 10%;
 
−
padding-right: 10%;
 
−
margin: 0 auto;
 
−
position: relative;
 
−
max-width: 100em;
 
−
}
 
  
−
</style>
+
    <!-- FOR IE9 below -->
 +
    <!--[if lt IE 9]>
 +
    <script src="js/respond.min.js"></script>
 +
    <![endif]-->
  
−
<style>
+
    </head>
−
@charset "UTF-8";
+
    <body>
−
.navigation {
+
−
  height: 70px;
+
−
  margin-top:10px;
+
−
  padding:0;
+
−
  background: white;
+
−
  font-size: 80%;
+
−
}
+
  
−
.brand {
 
−
  position: absolute;
 
−
  float: left;
 
−
  line-height: 80px;
 
−
  text-transform: uppercase;
 
−
  font-size: 1.4em;
 
−
}
 
  
−
/* ASHESI COLLEGE*/
 
−
.brand a,
 
−
.brand a:visited{
 
−
  color: black;
 
−
  text-decoration: none;
 
−
  font-family:'Nunito';
 
−
  font-size: 100%;
 
−
font-weight: 400;
 
−
}
 
  
−
.nav-container {
+
</head>
−
  max-width: 98%;
+
<body>
−
  margin: 0 auto;
+
−
}
+
  
−
nav {
 
−
  float: right;
 
−
  background: none;
 
−
}
 
−
nav ul {
 
−
  list-style: none;
 
−
  margin: 0;
 
−
  padding: 0;
 
−
  background: #262626;
 
  
−
}
+
    <header>
−
nav ul li {
+
   <!--Banner starts here-->
−
   float: left;
+
    <section id="banner">
−
  position: relative;
+
−
  background: red;
+
  
−
}
+
        <div class="row">
 +
            <div class="col-md-12">
 +
                <div id="bg-slider" class="carousel slide" data-ride="carousel">
  
−
/* text inside navbar before */
+
                    <!-- Wrapper for slides -->
−
nav ul li a,
+
                    <div class="carousel-inner" role="listbox" style="height: 700px;">
−
nav ul li a:visited {
+
                      <div class="item active one">
−
  display: block;
+
                            <div class="carousel-caption">
−
  height: 65px;
+
                                <div class = "shell-custom bck">
−
  padding: 0 20px;
+
                                    <h2>Meet the team solving a national crisis</h2>
−
  background: #262626;
+
                                    <p>
−
  line-height: 80px;
+
                                        This is a team of bright scientists and engineers who have gathered the courage to engineer a biological solution for one of their nation's biggest problems. 
−
  //background: purple;
+
                                    </p>
−
  color: #ffffff;
+
                                </div>
−
  text-decoration: none;
+
                            </div>
−
  font-family: 'Nunito';
+
−
  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 {
+
                        </div>
−
  height: 5px;
+
                        <div class="item two">
−
}
+
                           
  
  
−
nav ul li ul li {
+
                               
−
  min-width: 150px;
+
            <div class="container">
−
  height: 50px;
+
                <div class="fh5co-intro-wrap">
−
  width: 100%;
+
                    <div class="fh5co-intro">
 +
                        <div class="row">
 +
                            <div class="text-center">
 +
                                <!--<div class="shell-custom bck">
 +
                                    <h1 class="fh5co-intro-lead animate-1 to-animate"> Team<br>AshesiGhana</h1>
 +
                                    <h2 class="fh5co-intro-sub animate-2 to-animate">Introducing the Greatest Gold Miners in the World....Microbes</h2>
 +
                                </div>-->
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
<div class="carousel-caption">
 +
    <div class="shell-custom bck">
 +
                                <h2>Obuasi Gold Fields </h2>
 +
                                <p>Mining fields like these have made Ghana  one of the world's leading producers of Gold. However the scent of Gold attracts people who do not always have much care for the environment. Learn More About <a href = "https://en.wikipedia.org/wiki/Galamsey">Galamsey</a></p>
 +
                            </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="item three">
 +
                            <div class="carousel-caption">
 +
                                <div class="shell-custom bck">
 +
                                    <h2>Pioneer Team from Ghana</h2>
 +
                                    <p>From a well meshed background of Engineering and Computer Science, unfazed by the challenges of Synthetic Biology and fuelled by a drive to Solve Problems that impact our scoiety. </p>
 +
                                </div>
 +
                            </div>
  
 +
                        </div>
 +
                    </div>
  
−
  /* make dropdown stick to top */
+
                   
−
  top: -5px;
+
                </div>
−
}
+
−
nav ul li ul li a {
+
−
  padding: 15px;
+
−
  line-height: 50%;
+
−
  margin: 0px;
+
−
  text-decoration: none;
+
  
−
}
+
            </div>
 +
        </div>
  
−
.nav-dropdown {
+
    </section>
−
  position: absolute;
+
</header>
−
  display: none;
+
    <!--Banner ends here-->
−
  left: -23px;
+
−
  top: 65px;
+
−
  z-index: 1;
+
−
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
+
−
  height: 100%;
+
−
}
+
  
−
/* Mobile navigation */
+
    <!--  <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-mobile {
+
    background-repeat: no-repeat;" data-stellar-background-ratio="0.5">
−
   float:right;
+
−
  display: none;
+
−
  position: absolute;
+
−
  top: 0;
+
−
  right: 0;
+
−
  height: 20px;
+
−
  width: 70px;
+
−
  background: #262626;
+
  
−
}
+
            <div class="fh5co-overlay" ></div>
 +
            <div class="container">
 +
                <div class="fh5co-intro-wrap">
 +
                    <div class="fh5co-intro">
 +
                        <div class="row">
 +
                            <div class="col-md-8 col-md-offset-2 text-center">
 +
                                <h1 class="fh5co-intro-lead animate-1 to-animate">Team AshesiGhana</h1>
 +
                                <h2 class="fh5co-intro-sub animate-2 to-animate">Introducing the Greatest Gold Miners in the World....Microbes</h2>
 +
                               
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </header> -->
 +
       
 +
        <main role="main" id="fh5co-main">
 +
            <div class="container" id="bio-animate">
 +
                <div class="row row-padded">
 +
                    <div class="col-md-3">
 +
                        <h2 class="fh5co-section-heading to-animate">Project Description<span class="fh5co-border"></span></h2>
 +
                    </div>
 +
                    <div class="col-md-8 col-md-push-1">
 +
                        <div class="row">
 +
                            <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>
  
−
@media only screen and (max-width: 950px) {
+
                                <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>
−
  .nav-mobile {
+
                            </div>
−
    display: block;
+
                            <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>
  
−
  nav {
 
−
    width: 100%;
 
−
    padding: 0 0 0;
 
−
  }
 
  
−
  /* background of mobile dropdown */
+
           
−
  nav ul {
+
−
    display: none;
+
  
−
    /* width of dropdown */
+
        </main>
−
    position: fixed;
+
−
    width: 180px;
+
−
    height: auto;
+
  
−
    top: 81px;
+
        <!-- jQuery -->
−
    right: 0px;
+
        <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>
  
−
  }
+
      
−
  nav ul li {
+
     </body>
−
     float: none;
+
−
     text-align: center;
+
−
  }
+
−
  nav ul li a {
+
−
    padding: 15px;
+
−
    line-height: 20px;
+
−
 
+
−
  }
+
−
 
+
−
 
+
−
/* toggle dropdown */
+
−
  .nav-dropdown {
+
−
  position:fixed;
+
−
 
+
−
  top: 81px;
+
−
  width: 180px;
+
−
  height: auto;
+
−
 
+
−
 
+
−
  }
+
−
  .brand{
+
−
    padding-left: 10%;
+
−
  }
+
−
}
+
−
 
+
−
 
+
−
/* background of toggle (mobile) */
+
−
#nav-toggle {
+
−
  position: absolute;
+
−
  left: 18px;
+
−
  top: 22px;
+
−
  cursor: pointer;
+
−
  padding: 10px 35px 16px 0px;
+
−
  background: #262626;
+
−
}
+
−
 
+
−
/* toggle button (mobile) */
+
−
#nav-toggle span,
+
−
#nav-toggle span:before,
+
−
#nav-toggle span:after {
+
−
  cursor: pointer;
+
−
  border-radius: 1px;
+
−
  height: 5px;
+
−
  width: 35px;
+
−
  background: #ffffff;
+
−
  position: absolute;
+
−
  display: block;
+
−
  content: '';
+
−
  transition: all 300ms ease-in-out;
+
−
}
+
−
#nav-toggle span:before {
+
−
  top: -10px;
+
−
}
+
−
#nav-toggle span:after {
+
−
  bottom: -10px;
+
−
}
+
−
#nav-toggle.active span {
+
−
  background-color: transparent;
+
−
}
+
−
#nav-toggle.active span:before, #nav-toggle.active span:after {
+
−
  top: 0;
+
−
}
+
−
#nav-toggle.active span:before {
+
−
  transform: rotate(45deg);
+
−
}
+
−
#nav-toggle.active span:after {
+
−
  transform: rotate(-45deg);
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
<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 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>
+
−
        <li><a href="https://2017.igem.org/Team:AshesiGhana/Attribution">Attribution</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>
+
−
            <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>
+
−
 
+
−
 
+
−
<script>
+
−
(function($) { // Begin jQuery
+
−
  $(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}}

Latest revision as of 19:50, 27 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.