Difference between revisions of "Team:Macquarie Australia"

Line 1: Line 1:
−
 
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<style>
 
  
−
/* Parameter for the whole meta script location, etc. */
+
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
  
  
−
/* DO NOT REMOVE */
+
 
 +
 
 +
 
 +
 
 +
<style>
 +
DO NOT REMOVE
 
#content {
 
#content {
 
     width: 100vw;
 
     width: 100vw;
Line 15: Line 17:
 
}
 
}
  
 +
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 +
/*FROM STYLESHEET*/
 +
   
 +
.dropdown-menu {
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  z-index: 1000;
 +
  display: none;
 +
  float: left;
 +
  min-width: 160px;
 +
  padding: 5px 0;
 +
  margin: 2px 0 0;
 +
  font-size: 14px;
 +
  text-align: left;
 +
  list-style: none;
 +
  background-color: #fff;
 +
  -webkit-background-clip: padding-box;
 +
          background-clip: padding-box;
 +
  border: 1px solid #ccc;
 +
  border: 1px solid rgba(0, 0, 0, .15);
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
}
 +
/* Prevents header buttons fron turning dark upon hover */
 +
    .navbar-default .navbar-nav > li > a:hover,
 +
.navbar-default .navbar-nav > li > a:focus {
 +
  color: #333;
 +
  background-color: transparent;
 +
}
  
−
#top_title {
+
/* Makes menu buttons stick to right hand side of screen */
−
     display: none;
+
@media (min-width: 768px) {
 +
  .navbar-left {
 +
     float: left !important;
 +
  }
 +
  .navbar-right {
 +
    float: right !important;
 +
    margin-right: -5px;
 +
  }
 +
  .navbar-right ~ .navbar-right {
 +
    margin-right: 0;
 +
  }
 
}
 
}
  
−
#globalWrapper {
+
/* Makes drop-downs appear left to right instead of up to down */
−
     padding-bottom: 0;
+
@media (min-width: 768px) {
 +
  .navbar-nav {
 +
    float: left;
 +
    margin: 0;
 +
  }
 +
  .navbar-nav > li {
 +
    float: left;
 +
  }
 +
  .navbar-nav > li > a {
 +
    padding-top: 15px;
 +
     padding-bottom: 15px;
 +
  }
 
}
 
}
  
 +
/* Formatting navbar */
 +
.navbar-fixed-top {
 +
  top: 0;
 +
  border-width: 0 0 1px;
 +
}
 +
.navbar-fixed-top,
 +
.navbar-fixed-bottom {
 +
  position: fixed;
 +
  right: 0;
 +
  left: 0;
 +
  z-index: 1030;
 +
}
 +
@media (min-width: 768px) {
 +
  .container > .navbar-header,
 +
  .container-fluid > .navbar-header,
 +
  .container > .navbar-collapse,
 +
  .container-fluid > .navbar-collapse {
 +
    margin-right: 0;
 +
    margin-left: 0;
 +
  }
 +
}
 +
a {
 +
  color: #337ab7;
 +
  text-decoration: none;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-header {
 +
    float: left;
 +
  }
 +
}
 +
.nav > li > a {
 +
  position: relative;
 +
  display: block;
 +
  padding: 10px 15px;
 +
}
 +
.nav {
 +
  padding-left: 0;
 +
  margin-bottom: 0;
 +
  list-style: none;
 +
}
 +
.dropdown-menu > li > a {
 +
  display: block;
 +
  padding: 3px 20px;
 +
  clear: both;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  color: #333;
 +
  white-space: nowrap;
 +
}
 +
.dropup,
 +
.dropdown {
 +
  position: relative;
 +
}
 +
.caret {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  margin-left: 2px;
 +
  vertical-align: middle;
 +
  border-top: 4px dashed;
 +
  border-top: 4px solid \9;
 +
  border-right: 4px solid transparent;
 +
  border-left: 4px solid transparent;
 +
}
 +
.img-responsive,
 +
.thumbnail > img,
 +
.thumbnail a > img,
 +
.carousel-inner > .item > img,
 +
.carousel-inner > .item > a > img {
 +
  display: block;
 +
  max-width: 100%;
 +
  height: auto;
 +
}
 +
 +
 +
 +
/*END FROM SPREADHEET */
 +
 +
 +
 +
 +
 +
/* Navbar */
 +
 +
.some-padding {
 +
  padding-top: 20px;
 +
}
 +
 +
 +
/*adds necessary spacing to the navbar so links display correctly below the black iGEM navbar */
 +
 +
.navbar-default {
 +
  background-color: white;
 +
  border-color: rgba(255, 255, 255, 0.3);
 +
  font-family: 'Quicksand', sans-serif;
 +
  font-weight: 300;
 +
  -webkit-transition: all 0.35s;
 +
  -moz-transition: all 0.35s;
 +
  transition: all 0.35s;
 +
}
 +
 +
.navbar-default .navbar-header .navbar-brand {
 +
  color: #52658F;
 +
  font-family: 'Quicksand', sans-serif;
 +
  font-weight: bold;
 +
  font-size: 22px;
 +
  display: inline-block;
 +
}
 +
 +
 +
.navbar-default .navbar-header .navbar-brand:hover,
 +
.navbar-default .navbar-header .navbar-brand:focus {
 +
  color: #52658F;
 +
}
 +
 +
.navbar-default .navbar-header .navbar-toggle {
 +
  font-family: 'Quicksand', sans-serif;
 +
  font-weight: 400;
 +
  font-size: 14px;
 +
  color: #333A56;
 +
  text-transform: uppercase;
 +
}
 +
 +
.navbar-default .nav > li > a,
 +
.navbar-default .nav > li > a:focus {
 +
  text-transform: uppercase;
 +
  font-family: 'Quicksand', sans-serif;
 +
  font-weight: 400;
 +
  font-size: 14px;
 +
  color: #222222;
 +
}
 +
 +
.navbar-default .nav > li > a:hover,
 +
.navbar-default .nav > li > a:focus:hover {
 +
  color: #333A56;
 +
}
 +
 +
.navbar-default .nav > li.active > a,
 +
.navbar-default .nav > li.active > a:focus {
 +
  color: #333A56 !important;
 +
  background-color: white;
 +
}
 +
 +
.navbar-default .nav > li.active > a:hover,
 +
.navbar-default .nav > li.active > a:focus:hover {
 +
  background-color: white;
 +
}
 +
 +
.navbar-default .navbar-toggle {
 +
  border: none;
 +
}
 +
 +
.navbar-default .dropdown-menu > li > a:hover,
 +
.navbar-default .dropdown-menu > li > a:focus {
 +
  background-color: #F7F5E6;
 +
  color: #333A56;
 +
}
 +
 +
.navbar-default .dropdown-menu {
 +
  border: none;
 +
  outline: none;
 +
  font-family: 'Quicksand', sans-serif;
 +
  text-transform: uppercase;
 +
  font-weight: 400 !important;
 +
  font-size: 13.2px !important;
 +
  color: #222222;
 +
}
 +
 +
#sitelinks a {
 +
  display: inline-block;
 +
  border: 3px solid #fff;
 +
  color: #fff;
 +
  padding: 10px 20px;
 +
  margin: 10px
 +
}
 +
 +
#footer {
 +
  background: #333;
 +
  text-align: center;
 +
  color: #fff;
 +
  line-height: 50px;
 +
}
 +
 +
#footer a {
 +
  color: #fff;
 +
}
 +
 +
 +
 +
   
 +
/*END FROM STYLESHEET*/
  
 
body {
 
body {
−
   margin: 0;
+
   background-color: white;
−
   Height: 100%;
+
   width: 100%;
−
  font-family: "Helvetica";
+
 
}
 
}
  
−
h2 {
+
 
−
    font-size: 2em;
+
#bodyContent {
−
font-family: "Century Gothic";
+
  padding-right: 0px;
 
}
 
}
  
−
h3 {
+
#globalWrapper {
−
font-family: verdana;
+
  font-size: 100%;
−
color: #35373a;
+
  padding: 0px;
−
font-size: 17px;
+
  margin: -10px -20px -20px -20px;
−
font-weight: lighter;
+
 
}
 
}
  
−
/* parameters for the top bar */
+
.navbar-collapse {
−
.topnav {
+
   padding-left: 0px;
−
   overflow: hidden;
+
−
  background-color: #bcf7a3;
+
 
}
 
}
  
−
/* Parameters for top bar */
+
#banner {
−
.topnav a {
+
  margin-top: 50px;
 +
}
 +
 
 +
#sideMenu {
 +
  margin-top: 10px;
 +
}
 +
 
 +
.dropdown-menu li:hover .sub-menu {
 +
  visibility: visible;
 +
}
 +
 
 +
.dropdown:hover .dropdown-menu {
 +
  display: block;
 +
}
 +
 
 +
.navbar-nav .dropdown-menu,
 +
.navbar .dropdown-menu {
 +
  margin-top: 0;
 +
}
 +
 
 +
 
 +
/********************************* CONTENT OF THE PAGE ********************************/
 +
 
 +
 
 +
/* Wrapper for the content */
 +
 
 +
.content_wrapper {
 +
  width: 85%;
 +
  margin-left: 150px;
 +
  padding: 0px;
 
   float: left;
 
   float: left;
−
   color: #224413;
+
  background-color: white;
−
   text-align: center;
+
}
−
   padding: 15px 16px;
+
 
 +
 
 +
/*LAYOUT */
 +
 
 +
.column {
 +
  padding: 10px 0px;
 +
  float: left;
 +
  background-color: white;
 +
}
 +
 
 +
.full_size {
 +
  width: 100%;
 +
}
 +
 
 +
.full_size img {
 +
  padding: 10px 15px;
 +
  width: 96.5%;
 +
}
 +
 
 +
.half_size {
 +
  width: 50%;
 +
}
 +
 
 +
.half_size img {
 +
  padding: 10px 15px;
 +
  width: 93%;
 +
}
 +
 
 +
.img:hover {
 +
  opacity: 1.0 !important;
 +
}
 +
 
 +
 
 +
 
 +
/*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: 'Roboto', 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;
 
   text-decoration: none;
−
   font-size: 20px;
+
   color: #000000;
 
}
 
}
−
/* Changes the colour/text colour of a box on mouseover */
+
 
−
.topnav a:hover {
+
 
−
   background-color: #ceffba;
+
/* non numbered lists */
−
   color: black;
+
 
 +
.content_wrapper ul {
 +
  padding: 0px 20px;
 +
  font-size: 13px;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
 
 +
 
 +
/* numbered lists */
 +
 
 +
.content_wrapper ol {
 +
  padding: 0px;
 +
  font-size: 13px;
 +
  font-family: 'Quicksand', 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;
 
}
 
}
  
−
/* Perameters of the "Active" tab */
+
.top-pad {
−
.topnav a.active {
+
   padding: 35px;
−
   background-color: #6ca056;
+
−
  color: white;
+
 
}
 
}
  
 +
   
 +
   
 +
   
 +
/* NEW STUFF FROM CURRENT PAGE
 +
   
 
/* column stuff */
 
/* column stuff */
 
.column {
 
.column {
Line 87: Line 512:
  
 
/* change the background image of the main column */
 
/* change the background image of the main column */
−
background-image: url(https://static.igem.org/mediawiki/2018/9/91/T--Macquarie_Australia--Team_logo_2018.jpeg);
 
 
background-size: contain;
 
background-size: contain;
 
background-position: center;
 
background-position: center;
Line 108: Line 532:
 
}
 
}
  
−
.Ibutton{                 //IMAGE BUTTON
+
.bio_paragraph{
−
cursor: pointer;
+
    box-sizing: border-box;
−
transition-duration: 0.4s;
+
    width: 100%;
−
opacity: 1.0;
+
    float: right;  
−
boarder: 0px;
+
}
−
background-colour: transparent;
+
  
 +
.bio_page_grid{
 +
    display: grid;
 +
    grid-template-columns: 50% 50%;
 +
    grid-template-rows: repeat(13, 50%);
 
}
 
}
−
.Ibutton:hover {
+
 
−
background-color: transparent;
+
/********************************* RESPONSIVE STYLING ********************************/
−
     color: white;
+
 
−
    opacity:0.0;
+
 
 +
   
 +
/*ROTATING SCRIPT */
 +
.rotate {
 +
    -webkit-animation: spin .8s infinite linear;
 +
     animation: spin 20s infinite linear;
 
}
 
}
−
.Hbutton {
+
@-webkit-keyframes spin {
−
cursor: pointer;
+
    100% { -webkit-transform: rotate(360deg); }
−
transition-duration: 0.4s;
+
−
opacity: 0.0;
+
 
}
 
}
−
.Hbutton:hover { // HOVER BUTTON (Dark versions of image button elements)
+
@-moz-keyframes spin {
−
background-color: transperant;
+
    100% { -moz-transform: rotate(360deg); }
−
    color: white;
+
}
−
    opacity:1.0;
+
@keyframes spin {
 +
    100% {
 +
        -moz-transform:rotate(360deg);
 +
        -o-transform:rotate(360deg);
 +
        transform:rotate(360deg);
 +
    }
 
}
 
}
  
 +
   
 +
   
 +
</style>
  
  
−
</style>
 
 
</head>
 
</head>
−
<body>
 
  
−
<!-- Header bar. To change the header bar edit css under "style" -->
 
−
<div class="header">
 
−
</div>
 
  
  
−
</div>
+
<body>
 +
 +
 +
  <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
 +
    <div class="container-fluid">
 +
      <div class="navbar-header">
  
 +
        <a class="navbar-logo" href="https://2018.igem.org/Team:Macquarie_Australia">
 +
          <image class="img-responsive, rotate" src="https://static.igem.org/mediawiki/2018/3/3f/T--Macquarie_Australia--Logo_onlyMembrane.png" height="80" width="80">
 +
            </image>
 +
        </a>
  
−
<div style="width: 100%; height: auto; position:relative">
+
      </div>
−
<img src = "https://static.igem.org/mediawiki/2018/4/4c/T--Macquarie_Australia--Menu_Membrane.png" width = 100%  height = auto style="position: relative;">
+
      <div class="navbar-header" style="padding-top: 15px; padding-left: 15px;">
 +
        <a class="navbar-logo" href="https://2018.igem.org/Team:Macquarie_Australia">
 +
          <image class="img-responsive" src="https://static.igem.org/mediawiki/2018/2/25/T--Macquarie_Australia--Logo_onlyText.png" height="120" width="120">
 +
            </image>
 +
        </a>
 +
      </div>
  
−
<a href="https://2018.igem.org/Team:Macquarie_Australia">
+
      <div id="navbar" class="navbar-collapse collapse">
−
<img src = "https://static.igem.org/mediawiki/2018/c/ce/T--Macquarie_Australia--Menu_HomeButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: -10%; left: 5%;">
+
        <ul class="nav navbar-nav navbar-right" style="margin-top: 15px;">
−
</a>
+
          <li class="dropdown">
−
<img src = "https://static.igem.org/mediawiki/2018/f/fe/T--Macquarie_Australia--Menu_HomeButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: -10%; left: 5%;">
+
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Team">Team<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Collaborations">Collaborations</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Attributions">Attributions</a></li>
 +
            </ul>
 +
          </li>
  
  
−
<img src = "https://static.igem.org/mediawiki/2018/2/29/T--Macquarie_Australia--Menu_AboutButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: 25%; left: 18%;">
+
        <li class="dropdown">
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/about_us">
+
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Project">Project<span class="caret"></span></a>
−
<img src = "https://static.igem.org/mediawiki/2018/e/ef/T--Macquarie_Australia--Menu_AboutButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: 25%; left: 18%;">
+
            <ul class="dropdown-menu" style="left:0;">
−
</a>
+
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Description">Description</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Results">Results</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Demonstrate">Demonstrate</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Improve">Improve</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Safety">Saftey</a></li>
 +
            </ul>
 +
          </li>
  
−
<img src = "https://static.igem.org/mediawiki/2018/a/a8/T--Macquarie_Australia--Menu_ProjectButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 29%;">
+
        <li class="dropdown">
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/project">
+
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Notebook">Notebook<span class="caret"></span></a>
−
<img src = "https://static.igem.org/mediawiki/2018/d/da/T--Macquarie_Australia--Menu_ProjectButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 29%;">
+
            <ul class="dropdown-menu" style="left:0;">
−
</a>
+
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Experiment">Experiment</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Interlab">Interlab</a></li>
 +
            </ul>
 +
          </li>
  
−
<img src = "https://static.igem.org/mediawiki/2018/a/a3/T--Macquarie_Australia--Menu_ModellingButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: 25%; left: 42%;">
+
        <li class="dropdown">
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/modelling">
+
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Parts">Parts<span class="caret"></span></a>
−
<img src = "https://static.igem.org/mediawiki/2018/6/6e/T--Macquarie_Australia--Menu_ModellingButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: 25%; left: 42%;">
+
            <ul class="dropdown-menu" style="left:0;">
−
</a>
+
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Parts">Parts Summary</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Composite_Parts">Composite Parts</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Validation">Validation</a></li>
 +
            </ul>
 +
          </li>
  
−
<img src = "https://static.igem.org/mediawiki/2018/3/34/T--Macquarie_Australia--Menu_SafteyButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 54%;">
+
          <li class="dropdown">
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/safety">
+
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Human_practices">Human Practices <span class="caret"></span></a>
−
<img src = "https://static.igem.org/mediawiki/2018/1/1c/T--Macquarie_Australia--Menu_SafteyButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 54%;">
+
            <ul class="dropdown-menu">
−
</a>
+
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">Human Practices</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">Integrated Practices</a></li>
 +
            </ul>
 +
          </li>
  
−
<img src = "https://static.igem.org/mediawiki/2018/c/c6/T--Macquarie_Australia--Menu_InterlabButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: 23%; left: 67%;">
+
          <li class="dropdown">
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/interlab">
+
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/safety">Saftey </a>
−
<img src = "https://static.igem.org/mediawiki/2018/f/f8/T--Macquarie_Australia--Menu_InterlabButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: 23%; left: 67%;">
+
          </li>
−
</a>
+
        </ul>
−
 
+
      </div>
−
<img src = "https://static.igem.org/mediawiki/2018/2/23/T--Macquarie_Australia--Menu_HumanButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 80%;">
+
      <!-- /.navbar-collapse -->
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">
+
    </div>
−
<img src = "https://static.igem.org/mediawiki/2018/8/84/T--Macquarie_Australia--Menu_HumanButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 80%;">
+
    <!-- /.container-fluid -->
−
</a>
+
    </nav>
−
</div>
+
  
  
 +
<!-- NEW CODE -->
  
 
<div>
 
<div>
  
 
<center>
 
<center>
−
  <h2>Macquarie iGEM 2018 - the chlorofellas</h2>
+
<h2>Macquarie iGEM 2018 - the chlorofellas</h2>
 
</center>
 
</center>
 
</div>
 
</div>
 +
 +
<div>
 +
<img src = "https://static.igem.org/mediawiki/2018/4/41/T--Macquarie_Australia--Logo_transperant.png" style="width: 50%; margin-left: auto; margin-right: auto; display: block;">
 +
</div>
 +
 +
<div style="width: 50%; margin-left: auto; margin-right: auto; display: block;">
 +
    <h style= "font-size: 20px; font-weight: bold;">This year - a new frontier! </h>
 +
    <p style="text-align: justify"> This year Team Macquarie is working on a modified strain of Escherichia coli to produce Chives — no, not the herb! — Chives is actually an acronym for Chlorophyll-Induced Vesicles. Previous reports have indicated that during the chlorophyll biosynthesis pathway, crystalline structures amass when cells are grown in the dark. When light is shone onto them, they form vesicles — a completely isolated environment in the cell! This opens up whole new avenues for the medical field, food, and other industries as these vesicles provide a segregated space to produce cytotoxic products, or products which the cell would ordinarily metabolise. This novel system of artificial compartmentalisation is certain to revolutionize the world! As such, we will first incorporate chlorophyll a into E. coli and aim to produce these biomolecular compartments (which we have dubbed Chives) — the first of their kind!
 +
</p>
 +
</div>
 +
  
 
<div class="row">
 
<div class="row">
Line 200: Line 679:
 
 
 
<div class="column middle">
 
<div class="column middle">
−
<h3>
+
 
−
Team Macquarie 2018 is working on a modified strain of <i> E. coli </i> which will produce <i>chlorophyll a </i> through the chlorophyll biosynthesis pathway, as well as photosystem II (PSII) which recruits chlorophyll for its assembly.  We are building on the work of previous Macquarie teams however we have narrowed our focus to chlorophyll biosynthesis, allowing us to focus on the critical issues identified in previous years.  Ultimately, we aim to utilise chlorophyll biosynthesis machinery to mimic the formation of chloroplasts seen in photosynthetic organisms. When expressed in <i> E. coli, </i> these genes will provide a novel system for artificial vesicle formation with extensive utility in medical, food and other industries. Synthetic vesicles in <i> E. coli </i> allow for the compartmentalisation of biochemistry, creating new possibilities for the recombinant production of fine chemicals.
+
−
</h3>
+
 
</div>
 
</div>
 
 
 
<div class="column side">
 
<div class="column side">
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
 
−
<div class="footer">
 
  
−
</div>
+
   
 +
   
 +
   
 +
   
  
 +
   
 +
<div> 
 +
    <image class="img-responsive, rotate" src="membrane only.png" height= auto width="80"> </image>
 +
</div>
  
−
</body>
+
    </body>
 
</html>
 
</html>

Revision as of 12:37, 7 September 2018

Macquarie iGEM 2018 - the chlorofellas

This year - a new frontier!

This year Team Macquarie is working on a modified strain of Escherichia coli to produce Chives — no, not the herb! — Chives is actually an acronym for Chlorophyll-Induced Vesicles. Previous reports have indicated that during the chlorophyll biosynthesis pathway, crystalline structures amass when cells are grown in the dark. When light is shone onto them, they form vesicles — a completely isolated environment in the cell! This opens up whole new avenues for the medical field, food, and other industries as these vesicles provide a segregated space to produce cytotoxic products, or products which the cell would ordinarily metabolise. This novel system of artificial compartmentalisation is certain to revolutionize the world! As such, we will first incorporate chlorophyll a into E. coli and aim to produce these biomolecular compartments (which we have dubbed Chives) — the first of their kind!