Difference between revisions of "Team:Edinburgh UG"

Latest revision as of 00:58, 18 October 2018

Edinburgh iGEM 2018

MaxED OOT

We are an interdisciplinary team of undergraduate students hailing from the University of Edinburgh in Scotland. This summer our research is focused on Maxicell formation in E. coli. We aim to provide improved characterization to facilitate the use of Maxicells - achromosomal E. coli cells - as a safe and minimalistic chassis for future use in Synthetic Biology. We intend to quantify the time frame in which Maxicells can continue to express protein, the active metabolic time frame, by producing reporters for the intracellular concentration of important metabolites such as ATP. In addition we wish to attenuate the improvements in biosafety offered by a non-reproducing chassis via amber suppression and recoding, a DNA degrading killswitch, and replacement of standard antibiotic-mediated resistance to prevent advantageous horizontal gene transfer. The resulting novel chassis raises many compelling questions both philosophically; as to our definitions of what constitutes a living cell and legally in terms of the current legislation governing the use of GMOs outside of the laboratory setting.

We believe that our project meets Gold Medal Criteria.

Contact EdiGEM18

Feel free to leave us a comment on social media!

@@ Line 10: / Line 10: @@
      <meta name="author" content="">
-     <title>Grayscale - Start Bootstrap Theme</title>
+     <title>Edinburgh iGEM 2018</title>
      <!-- Bootstrap core CSS -->
-     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+     <link href="https://2018.igem.org/Team:Edinburgh_UG/bootstrapmincss?action=raw&ctype=text/css" rel="stylesheet">
      <!-- Custom fonts for this template -->
-     <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+     <link href="https://2018.igem.org/Team:Edinburgh_UG/fontawesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
      <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
      <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
-     <style type="text/css">
+     <!-- Custom styles for this template -->
-body{font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;position:relative;width:100%;height:100%;color:#fff;background-color:#000}html{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;margin:0 0 35px;letter-spacing:1px;text-transform:uppercase}p{font-size:16px;line-height:1.5;margin:0 0 25px}@media (min-width:768px){p{font-size:18px;line-height:1.6;margin:0 0 35px}}a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#42dca3}a:focus,a:hover{text-decoration:none;color:#1d9b6c}#mainNav{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;margin-bottom:0;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);background-color:#000}#mainNav .navbar-toggler{font-size:14px;padding:11px;color:#fff;border:1px solid #fff}#mainNav .navbar-brand{font-weight:700}#mainNav a{color:#fff}#mainNav .navbar-nav .nav-item{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}@media (min-width:992px){#mainNav{padding-top:20px;padding-bottom:20px;-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;letter-spacing:1px;border-bottom:none;background:0 0}#mainNav.navbar-shrink{padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3);background:#000}#mainNav .nav-link.active{outline:0;background-color:rgba(255,255,255,.3)}#mainNav .nav-link.active:hover{color:#fff}}.masthead{display:table;width:100%;height:auto;padding:200px 0;text-align:center;color:#fff;background:url(../img/intro-bg.jpg) no-repeat bottom center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.masthead .intro-body{display:table-cell;vertical-align:middle}.masthead .intro-body .brand-heading{font-size:50px}.masthead .intro-body .intro-text{font-size:18px}@media (min-width:768px){.masthead{height:100%;padding:0}.masthead .intro-body .brand-heading{font-size:100px}.masthead .intro-body .intro-text{font-size:22px}}.btn-circle{font-size:26px;width:55px;height:55px;margin-top:15px;line-height:45px;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;color:#fff;border:2px solid #fff;border-radius:100%!important;background:0 0}.btn-circle:focus,.btn-circle:hover{color:#fff;outline:0;background:rgba(255,255,255,.1)}.content-section{padding-top:150px;padding-bottom:150px}.download-section{color:#fff;background:url(../img/downloads-bg.jpg) no-repeat center center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#map{width:100%;height:300px}@media (min-width:992px){.content-section{padding-top:200px;padding-bottom:200px}#map{height:350px}}.btn{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:uppercase;border-radius:0}.btn-default{color:#42dca3;border:1px solid #42dca3;background-color:transparent}.btn-default:focus,.btn-default:hover{color:#000;border:1px solid #42dca3;outline:0;background-color:#42dca3}ul.banner-social-buttons{margin-top:0}@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}@media (max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0}}footer{padding:50px 0}footer p{font-size:14px;margin:0}::-moz-selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}::selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}
+    <link href="https://2018.igem.org/Team:Edinburgh_UG/home_css?action=raw&c" rel="stylesheet">
-</style>
    </head>
-  <body id="page-top">
+    <!-- Menu -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+       <div class="collapse navbar-collapse" id="navbarNavDropdown">
+          <ul class="navbar-nav">
+             <li class="nav-item active">
+                <a class="nav-link" href="https://2018.igem.org/Team:Edinburgh_UG">Home <span class="sr-only">(current)</span></a>
+             </li>
+             <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          Team
+                </a>
+                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Team">Team Members</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Collaborations">Collaborations</a>
+                </div>
+             </li>
+             <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          Project
+                </a>
+                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Description">Description</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Design">Design</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Experiments">Experiments</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/InterLab">InterLab</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Model">Model</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Results">Results</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Improve">Improve</a>
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Attributions">Attributions</a>
+                </div>
+             </li>
+             <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          Parts
+                </a>
+                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Parts">Parts Overview</a>
+<a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a>
+<a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a>
+<a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a>
+                </div>
+             </li>
+             <li class="nav-item active">
+                <a class="nav-link" href="https://2018.igem.org/Team:Edinburgh_UG/Safety">Safety <span class="sr-only">(current)</span></a>
+             </li>
+             <li class="nav-item active">
+                <a class="nav-link" href="https://2018.igem.org/Team:Edinburgh_UG/Human_Practices">Human Practices <span class="sr-only">(current)</span></a>
+             </li>
+             <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          Awards
+                </a>
+                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                   <a class="dropdown-item" href="https://2018.igem.org/Team:Edinburgh_UG/Model">Model</a>
+                </div>
+             </li>
+             <li class="nav-item active">
+                <a class="nav-link" href="https://igem.org/2018_Judging_Form?team=Edinburgh_UG">Judging Form <span class="sr-only">(current)</span></a>
+             </li>
+             <li class="nav-item active">
+                <a class="nav-link" href="https://2018.igem.org/Team:Edinburgh_UG/Medal_Criteria">Medal Criteria<span class="sr-only">(current)</span></a>
+             </li>
+          </ul>
+       </div>
+    </nav>
+  <body>
      <!-- Intro Header -->
@@ Line 35: / Line 104: @@
            <div class="row">
              <div class="col-lg-8 mx-auto">
-               <h1 class="brand-heading">Grayscale</h1>
+               <img src="https://static.igem.org/mediawiki/2018/8/81/T--Edinburgh_UG--HomePage_Logo.png" width="100%" height="100%">
-              <p class="intro-text">A free, responsive, one page Bootstrap theme.
-                <br>Created by Start Bootstrap.</p>
-              <a href="#about" class="btn btn-circle js-scroll-trigger">
-                <i class="fa fa-angle-double-down animated"></i>
-              </a>
              </div>
            </div>
@@ Line 46: / Line 110: @@
        </div>
      </header>
+    <hr></hr>
      <!-- About Section -->
@@ Line 52: / Line 118: @@
          <div class="row">
            <div class="col-lg-8 mx-auto">
-             <h2>About Grayscale</h2>
+             <h2>MaxED OOT</h2>
-             <p>Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be yours right now, simply download the template on
+             <p>We are an interdisciplinary team of undergraduate students hailing from the University of Edinburgh in Scotland. This summer our research is focused on Maxicell formation in E. coli. We aim to provide improved characterization to facilitate the use of Maxicells - achromosomal E. coli cells  - as a safe and minimalistic chassis for future use in Synthetic Biology. We intend to quantify the time frame in which Maxicells can continue to express protein, the active metabolic time frame, by producing reporters for the intracellular concentration of important metabolites such as ATP. In addition we wish to attenuate the improvements in biosafety offered by a non-reproducing chassis via amber suppression and recoding, a DNA degrading killswitch, and replacement of standard antibiotic-mediated resistance to prevent advantageous horizontal gene transfer. The resulting novel chassis raises many compelling questions both philosophically; as to our definitions of what constitutes a living cell and legally in terms of the current legislation governing the use of GMOs outside of the laboratory setting.</p>
-              <a href="http://startbootstrap.com/template-overviews/grayscale/">the preview page</a>. The theme is open source, and you can use it for any purpose, personal or commercial.</p>
+           <p> We believe that our project meets <font color="gold">Gold</font> <a href="https://2018.igem.org/Team:Edinburgh_UG/Medal_Criteria"> Medal Criteria. </a>
-            <p>This theme features stock photos by
-              <a href="http://gratisography.com/">Gratisography</a>
-              along with a custom Google Maps skin courtesy of
-              <a href="http://snazzymaps.com/">Snazzy Maps</a>.</p>
-            <p>Grayscale includes full HTML, CSS, and custom JavaScript files along with SASS and LESS files for easy customization!</p>
            </div>
          </div>
@@ Line 65: / Line 127: @@
      </section>
-     <!-- Download Section -->
+     <hr></hr>
-    <section id="download" class="download-section content-section text-center">
-      <div class="container">
-        <div class="col-lg-8 mx-auto">
-          <h2>Download Grayscale</h2>
-          <p>You can download Grayscale for free on the preview page at Start Bootstrap.</p>
-          <a href="http://startbootstrap.com/template-overviews/grayscale/" class="btn btn-default btn-lg">Visit Download Page</a>
-        </div>
-      </div>
-    </section>
      <!-- Contact Section -->
      <section id="contact" class="content-section text-center">
-      <div class="container">
+    <div class="container">
          <div class="row">
            <div class="col-lg-8 mx-auto">
-             <h2>Contact Start Bootstrap</h2>
+             <h2>Contact EdiGEM18</h2>
-             <p>Feel free to leave us a comment on the
+             <p>Feel free to leave us a comment on social media!</p>
-              <a href="http://startbootstrap.com/template-overviews/grayscale/">Grayscale template overview page</a>
-              on Start Bootstrap to give some feedback about this theme!</p>
              <ul class="list-inline banner-social-buttons">
                <li class="list-inline-item">
-                 <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg">
+                 <a href="https://twitter.com/EdiGEM2018" class="btn btn-default btn-lg">
                    <i class="fa fa-twitter fa-fw"></i>
                    <span class="network-name">Twitter</span>
@@ Line 93: / Line 144: @@
                </li>
                <li class="list-inline-item">
-                 <a href="https://github.com/BlackrockDigital/startbootstrap" class="btn btn-default btn-lg">
+                 <a href="https://www.instagram.com/igemedinburgh/" class="btn btn-default btn-lg">
-                   <i class="fa fa-github fa-fw"></i>
+                   <i class="fa fa-instagram fa-fw"></i>
-                   <span class="network-name">Github</span>
+                   <span class="network-name">Instagram</span>
                  </a>
                </li>
                <li class="list-inline-item">
-                 <a href="https://plus.google.com/+Startbootstrap/posts" class="btn btn-default btn-lg">
+                 <a href="https://www.facebook.com/EdiGEM2018/?ref=br_rs" class="btn btn-default btn-lg">
-                   <i class="fa fa-google-plus fa-fw"></i>
+                   <i class="fa fa-facebook fa-fw"></i>
-                   <span class="network-name">Google+</span>
+                   <span class="network-name">Facebook</span>
                  </a>
                </li>
@@ Line 109: / Line 160: @@
        </div>
      </section>
-    <!-- Map Section -->
-    <div id="map"></div>
-    <!-- Footer -->
-    <footer>
-      <div class="container text-center">
-        <p>Copyright &copy; Your Website 2018</p>
-      </div>
-    </footer>
      <!-- Bootstrap core JavaScript -->
-     <script src="vendor/jquery/jquery.min.js"></script>
+     <script src="https://2018.igem.org/Template:Edinburgh_UG/jquery?action=raw&ctype=text/javascript"> </script>
-     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+     <script src="https://2018.igem.org/Template:Edinburgh_UG/bootstrap_bundle?action=raw&ctype=text/javascript"></script>
      <!-- Plugin JavaScript -->
-     <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
+     <script src="https://2018.igem.org/Template:Edinburgh_UG/jquery_easing?action=raw&ctype=text/javascript"></script>
-    <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
      <!-- Custom scripts for this template -->
-     <script>
+     <script src="https://2018.igem.org/Template:Edinburgh_UG/home_js?action=raw&ctype=text/javascript"></script>
-    !function(e){"use strict";e('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=e(this.hash);if((t=t.length?t:e("[name="+this.hash.slice(1)+"]")).length)return e("html, body").animate({scrollTop:t.offset().top-48},1e3,"easeInOutExpo"),!1}}),e(".js-scroll-trigger").click(function(){e(".navbar-collapse").collapse("hide")}),e("body").scrollspy({target:"#mainNav",offset:54});var t=function(){e("#mainNav").offset().top>100?e("#mainNav").addClass("navbar-shrink"):e("#mainNav").removeClass("navbar-shrink")};t(),e(window).scroll(t)}(jQuery);var map=null;function init(){var e={zoom:15,center:new google.maps.LatLng(40.67,-73.94),disableDefaultUI:!0,scrollwheel:!1,draggable:!1,styles:[{featureType:"water",elementType:"geometry",stylers:[{color:"#000000"},{lightness:17}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#000000"},{lightness:20}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#000000"},{lightness:17}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#000000"},{lightness:29},{weight:.2}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#000000"},{lightness:18}]},{featureType:"road.local",elementType:"geometry",stylers:[{color:"#000000"},{lightness:16}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#000000"},{lightness:21}]},{elementType:"labels.text.stroke",stylers:[{visibility:"on"},{color:"#000000"},{lightness:16}]},{elementType:"labels.text.fill",stylers:[{saturation:36},{color:"#000000"},{lightness:40}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"geometry",stylers:[{color:"#000000"},{lightness:19}]},{featureType:"administrative",elementType:"geometry.fill",stylers:[{color:"#000000"},{lightness:20}]},{featureType:"administrative",elementType:"geometry.stroke",stylers:[{color:"#000000"},{lightness:17},{weight:1.2}]}]},t=document.getElementById("map");map=new google.maps.Map(t,e);var l=new google.maps.LatLng(40.67,-73.94);new google.maps.Marker({position:l,map:map,icon:"img/map-marker.svg"})}google.maps.event.addDomListener(window,"load",init),google.maps.event.addDomListener(window,"resize",function(){map.setCenter(new google.maps.LatLng(40.67,-73.94))});
-    </script>
    </body>
 </html>