|
|
| (13 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | {{Template:AshesiGhana/NavBar}} | | {{Template:AshesiGhana/NavBar}} |
| − | <html class="no-js"> | + | {{Template:AshesiGhana/NavBar2}} |
| − | <head>
| + | {{ManchesterMobile}} |
| − | <meta charset="utf-8">
| + | <html> |
| − | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| + | <head> |
| | | | |
| − | <meta property="og:title" content=""/>
| + | <style> |
| − | <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="" />
| + | |
| | | | |
| − |
| + | body { |
| − | <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
| + | background-color:; |
| − | <link rel="shortcut icon" href="favicon.ico">
| + | overflow-x: hidden |
| − | | + | |
| − | <!-- 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; }
| + | |
| − | | + | |
| − | .navbar-brand {
| + | |
| − | padding: 0px;
| + | |
| − | }
| + | |
| − | .navbar-brand>img {
| + | |
| − | height: 100%;
| + | |
| − | padding: 15px;
| + | |
| − | width: auto;
| + | |
| | } | | } |
| | | | |
| − | .navigation { | + | .sectionfirst { |
| − | height: 70px;
| + | margin-top: 25px!important; |
| − | margin-top: 10px;
| + | padding-top: 10vh; |
| − | padding: 0;
| + | height: 30vh; |
| − | background: white;
| + | background: transparent; |
| − | font-size: 70%;
| + | background-size: cover |
| | } | | } |
| | | | |
| − | .brand{ | + | .border { |
| − | color:black;
| + | background-color: #c4c4c4; |
| | + | color: #fff; |
| | + | padding: 18px; |
| | + | letter-spacing: 10px; |
| | + | opacity: 1 |
| | } | | } |
| | | | |
| − | | + | .col-md-4 img { |
| − | | + | width: 20vw; |
| − | | + | display: block; |
| − | | + | margin-left: auto; |
| − | /*************************
| + | margin-right: auto |
| − | EXAMPLES 2-7 BELOW
| + | |
| − | **************************/
| + | |
| − | | + | |
| − | /* EXAMPLE 2 (larger logo) - simply adjust top bottom padding to make logo larger */
| + | |
| − | | + | |
| − | .example2 .navbar-brand>img {
| + | |
| − | padding: 7px 15px; | + | |
| | } | | } |
| | | | |
| − | | + | .displaybox { |
| − | /* EXAMPLE 3
| + | padding-top: 10px; |
| − | | + | display: block; |
| − | line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height */
| + | min-height: 40vh; |
| − | | + | border: 3px solid transparent; |
| − | .example3 .navbar-brand { | + | border-radius:; |
| − | height: 80px;
| + | width: 100vw!important; |
| | + | overflow-x: hidden; |
| | + | opacity: 1.0; |
| | + | -webkit-transition: 0.3s ease-in-out; |
| | + | -moz-transition: 0.3s ease-in-out; |
| | + | -ms-transition: 0.3s ease-in-out; |
| | + | -o-transition: 0.3s ease-in-out; |
| | + | transition: 0.3s ease-in-out |
| | } | | } |
| | | | |
| − | .example3 .nav >li >a {
| + | h4 { |
| − | padding-top: 30px; | + | font-size: 35px!important; |
| − | padding-bottom: 30px; | + | font-weight: 400; |
| − | }
| + | font-family: 'Calibri'!important; |
| − | .example3 .navbar-toggle {
| + | padding: 2%!important; |
| − | padding: 10px; | + | text-align: center; |
| − | margin: 25px 15px 25px 0; | + | |
| | } | | } |
| | | | |
| − | | + | h2 { |
| − | /* EXAMPLE 4 - Small Narrow Logo*/
| + | font-size: 40px!important; |
| − | .example4 .navbar-brand>img {
| + | font-weight: 400; |
| − | padding: 7px 14px; | + | font-family: 'Calibri'!important; |
| | + | padding: 2%!important; |
| | + | text-align: center; |
| | } | | } |
| | | | |
| − | | + | h3 { |
| − | /* EXAMPLE 5 - Logo with Text*/
| + | font-size: 20px!important; |
| − | .example5 .navbar-brand {
| + | padding: 2%!important; |
| − | display: flex; | + | background: #89d4fa!important; |
| − | align-items: center; | + | color: #111; |
| | + | border: 1px solid #44bfff; |
| | + | border-radius: .25em; |
| | + | text-align: justify; |
| | + | text-justify: inter-word; |
| | } | | } |
| − | .example5 .navbar-brand>img {
| |
| − | padding: 7px 14px;
| |
| − | }
| |
| − |
| |
| | | | |
| − | /* EXAMPLE 6 - Background Logo*/
| + | p { |
| − | .example6 .navbar-brand{
| + | text-align: justify; |
| − | background: url(https://res.cloudinary.com/candidbusiness/image/upload/v1455406304/dispute-bills-chicago.png) center / contain no-repeat; | + | text-justify: inter-word; |
| − | width: 200px; | + | font-family: 'Calibri', sans-serif; |
| | } | | } |
| | | | |
| | | | |
| | | | |
| | + | .box { |
| | + | width: 80%; |
| | + | border: 2px solid #000; |
| | + | margin: 150px auto 15px; |
| | + | text-align: center; |
| | + | padding: 20px; |
| | + | font-weight: bold; |
| | + | border-radius: 10px; |
| | | | |
| − |
| |
| − | /* 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;
| |
| − | }
| |
| | } | | } |
| | | | |
| − | | + | .info { |
| − | /* EXAMPLE 8 - Center Background */
| + | background-color: #ddd; |
| − | .example-8 .navbar-brand { | + | border-color: #aaa; |
| − | 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;
| + | |
| | } | | } |
| | | | |
| − | | + | .warning { |
| − | /* EXAMPLE 9 - Center with Flexbox and Text*/
| + | background-color: #FFF484; |
| − | .brand-centered { | + | border-color: #DCC600; |
| − | display: flex; | + | |
| − | justify-content: center;
| + | |
| − | position: absolute; | + | |
| − | width: 100%;
| + | |
| − | left: 0;
| + | |
| − | top: 0;
| + | |
| − | }
| + | |
| − | .brand-centered .navbar-brand {
| + | |
| − | display: flex;
| + | |
| − | align-items: center;
| + | |
| − | }
| + | |
| − | .navbar-toggle {
| + | |
| − | z-index: 1;
| + | |
| | } | | } |
| | | | |
| − | /* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */
| + | .success { |
| − | .navbar-alignit .navbar-header {
| + | background-color: #B9FFAB; |
| − | -webkit-transform-style: preserve-3d;
| + | border-color: #116400; |
| − | -moz-transform-style: preserve-3d; | + | color: #116400; |
| − | 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;
| + | |
| | } | | } |
| | | | |
| − | .navbar-nav>li>.dropdown-menu { | + | .error { |
| − | z-index: 9999;
| + | background-color: #EBB1B1; |
| | + | border-color: #973939; |
| | + | color: #973939; |
| | } | | } |
| | + | </style> |
| | | | |
| − | body {
| + | </head> |
| − | font-family: "Lato";
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − |
| + | |
| − | | + | |
| − | <!-- Animate.css -->
| + | |
| − | <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/animate.css"> -->
| + | |
| − | <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"> -->
| + | |
| − | | + | |
| − | <link rel="stylesheet" type="text/css"
| + | |
| − | href="https://2017.igem.org/Template:AshesiGhana/CSS:icomoon?action=raw&ctype=text/css" />
| + | |
| − | <!-- Magnific Popup -->
| + | |
| − | <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/magnific-popup.css"> -->
| + | |
| − | | + | |
| − | | + | |
| − | <link rel="stylesheet" type="text/css"
| + | |
| − | href="https://2017.igem.org/Template:AshesiGhana/CSS:magnific-popup?action=raw&ctype=text/css" />
| + | |
| − | <!-- Theme Style -->
| + | |
| − | <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/style.css"> -->
| + | |
| − | | + | |
| − | <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> -->
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − | <script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
| + | |
| − | | + | |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
| + | |
| − | | + | |
| − | <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>
| + | |
| − | <body>
| + | |
| | | | |
| | + | <body> |
| | + | <div class="info box"> |
| | + | <p> We would like to apologize for the issue of the parts being received on time but not being accepted, due to mislabeling of the package. At the time of shipment, the package was open, and the shipper has seen the contents and was told that contains DNA samples in a plate sample holder. However only the specification of the plate sample holder was included on the shipping documents. We take full responsibility for not being more diligent and checking all the shipping requirements. In an effort to correct, an additional sample has been labeled properly and has been shipped. </p> |
| | | | |
| − | <header role="banner" id="fh5co-header" style="background-image: url(https://static.igem.org/mediawiki/2017/2/23/GhanaSite.jpg); background-size: 100% 100%;
| + | <p>We humbly request that you would consider the miscommunication with the shipper and will still accept our submission for the medal criteria. Thank you for your consideration and time.</p> |
| − | background-repeat: no-repeat;" data-stellar-background-ratio="0.5">
| + | |
| | | | |
| − | <div class="fh5co-overlay" ></div>
| + | </div> |
| − | | + | <div class="clear"></div> |
| − | <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>
| + | |
| | | | |
| − | <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 class="col-md-12 sectionfirst" style="background-color: #fbf9f8!important"> |
| − | </div>
| + | <h2 class="border" style="margin-top: 5vh; text-align: center">Parts</h2> |
| − | <div class="col-md- 6 to- animate"> | + | <br/> |
| − | <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>
| + | |
| − | </div>
| + | |
| − | <!-- END .row -->
| + | |
| − | </div>
| + | |
| | | | |
| | | | |
| − |
| + | <div class="clear" style="padding: 0px 12vw; border: 3px solid transparent; background-color: #fbf9f8!important"> |
| | + | |
| | | | |
| − | </main>
| + | <center> |
| | + | <img src= "https://static.igem.org/mediawiki/2017/4/4a/T--AshesiGhana--fretdonor.png"> |
| | + | <br> |
| | + | <br> |
| | + | <p><font color="#111"><center></h3><b>NowGFP-golB (FRET DONOR)</b> This part is a composite part composed of a green fluorescent protein (NowGFP) and a golB protein along with its own constitutive promoter, RBS and terminator with a spacer between the two genes. This composite part serves as the donor part of the FRET mechanism employed in this project. With the golB binding to gold atoms and the NowGFP giving off fluorescence to excite acceptor proteins. |
| | + | <br> |
| | + | <br> |
| | + | <br> |
| | + | <br> |
| | + | <img src="https://static.igem.org/mediawiki/2017/4/4f/T--AshesiGhana--fretacceptor.png"> |
| | + | <br> |
| | + | <br> |
| | + | <p><font color="#111"><center></h3><b>High Potential Iron Sulphur Protein (HiPiP)</b>This part is a composite part composed of a green fluorescent protein (NowGFP) and a golB protein along with its own constitutive promoter, RBS and terminator with a spacer between the two genes. This composite part serves as the donor part of the FRET mechanism employed in this project. With the golB binding to gold atoms and the NowGFP giving off fluorescence to excite acceptor proteins. |
| | + | <br> |
| | + | <br> |
| | + | <br> |
| | + | <br> |
| | + | <img src="https://static.igem.org/mediawiki/2017/4/47/T--AshesiGhana--phresistecoli.png"> |
| | + | <br> |
| | + | <br> |
| | + | <p><font color="#111"><center></h3><b>pH resistance Ecoli</b>This part is a composite part composed of a pH_resistance gene. With its own constitutive promoter, RBS and a double terminator, the part is designed for the E.coli to provide pH resistance to enable it to survive in the bio-mining environment |
| | + | <br><br> |
| | + | <br> |
| | + | <br> |
| | + | <img src="https://static.igem.org/mediawiki/2017/1/1a/T--AshesiGhana--hipipecoli.png"> |
| | + | <br> |
| | + | <br> |
| | + | <p><font color="#111"><center></h3><b>pH resistance Ecoli</b>This part is composed of a High potential iron-sulphur protein (HiPIP) with its own constitutive Promoter, RBS and double terminator. This part in addition to the Tetrathionate Hydrolase part enable the bacteria (E.coli) to liberate the gold from its ore similar to the way the Acidithiobacillus Ferrooxidans achieves this goal. |
| | + | <br> |
| | + | <br></div> |
| | | | |
| − | <!-- jQuery -->
| + | </div> |
| − | <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>
| + | |
| | | | |
| − |
| + | </body> |
| − | </body>
| + | |
| | </html> | | </html> |
| | {{Template:AshesiGhana/Footer}} | | {{Template:AshesiGhana/Footer}} |
