Difference between revisions of "Team:Macquarie Australia"

 
(55 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
+
{{Macquarie_Australia/NavBar}}
  
 
<html>
 
<html>
<link href="https://2018.igem.org/Team:Macquarie_Australia/CSS_Navbar?action=raw&ctype=text/css" rel="stylesheet">
 
 
 
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
 
 
 
 
<head>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<style>
 
DO NOT REMOVE
 
#content {
 
    width: 100vw;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
/* Clear the default wiki settings */
 
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
body {background-color: #f2f2f2; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
/********************************* 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;
 
}
 
 
/* Makes menu buttons stick to right hand side of screen */
 
@media (min-width: 768px) {
 
  .navbar-left {
 
    float: left !important;
 
  }
 
  .navbar-right {
 
    float: right !important;
 
    margin-right: -5px;
 
  }
 
  .navbar-right ~ .navbar-right {
 
    margin-right: 0;
 
  }
 
}
 
 
/* Makes drop-downs appear left to right instead of up to down */
 
@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 {
 
  background-color: #f2f2f2;
 
  width: 100%;
 
  z-index: 3;
 
}
 
 
 
#bodyContent {
 
  padding-right: 0px;
 
  padding-top: 50px;
 
  width: 100 vw;
 
  background-color: #f2f2f2;
 
}
 
 
#globalWrapper {
 
  font-size: 100%;
 
  padding: 0px;
 
  margin: -10px -20px -20px -20px;
 
}
 
 
.navbar-collapse {
 
  padding-left: 0px;
 
}
 
 
#banner {
 
  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;
 
  background-color: #f2f2f2;
 
}
 
 
 
/*LAYOUT */
 
 
 
.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;
 
}
 
  
 +
    <link href="https://2018.igem.org/Team:Macquarie_Australia/CSS_Navbar?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  
/* font and text */
 
  
.content_wrapper p {
+
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  padding: 0px 15px;
+
  font-size: 13px;
+
  font-family: 'Roboto', sans-serif;
+
}
+
  
  
/* Links */
 
  
.content_wrapper a {
+
    <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
  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 {
+
    <head>
  text-decoration: none;
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
  color: #000000;
+
}
+
  
 +
        <style>
 +
            DO NOT REMOVE
 +
            #content {
 +
                width: 100vw;
 +
                margin: 0;
 +
                padding: 0;
 +
            }
  
/* non numbered lists */
+
            /* Clear the default wiki settings */
 +
            #home_logo, #sideMenu { display:none; }
 +
            #sideMenu, #top_title, .patrollink  {display:none;}
 +
            #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
            body {background-color: #f2f2f2; }
 +
            #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
.content_wrapper ul {
 
  padding: 0px 20px;
 
  font-size: 13px;
 
  font-family: 'Quicksand', sans-serif;
 
}
 
  
  
/* numbered lists */
+
            /* Unique to page */
 +
            body {
 +
                background-color: #f2f2f2;
 +
                width: 100%;
 +
                z-index: 3;
 +
            }
  
.content_wrapper ol {
+
            #bodyContent {
  padding: 0px;
+
                padding-right: 0px;
  font-size: 13px;
+
                padding-top: 50px;
  font-family: 'Quicksand', sans-serif;
+
                width: 100 vw;
}
+
                background-color: #f2f2f2;
 +
            }
  
 +
            /* Wrapper for the content */
 +
            .content_wrapper {
 +
                width: 85%%;
 +
                margin-left: 150px;
 +
                padding: 0px;
 +
                float: left;
 +
                background-color: #f2f2f2;
 +
            }
  
/* Table */
 
  
.content_wrapper table {
 
  width: 97%;
 
  margin: 15px 10px;
 
  border: 1px solid #d3d3d3;
 
  border-collapse: collapse;
 
}
 
  
 +
            /* non numbered lists */
 +
            .content_wrapper ul {
 +
                padding: 0px 20px;
 +
                font-size: 13px;
 +
                font-family: 'Quicksand', sans-serif;
 +
            }s
  
/* table cells */
+
            .bio_paragraph{
 +
                box-sizing: border-box;
 +
                width: 100%;
 +
                float: right;   
 +
            }
  
.content_wrapper td {
+
            .bio_page_grid{
  padding: 10px;
+
                display: grid;
  vertical-align: text-top;
+
                grid-template-columns: 50% 50%;
  border: 1px solid #d3d3d3;
+
                grid-template-rows: repeat(13, 50%);
  border-collapse: collapse;
+
            }
}
+
  
  
/* table headers */
+
            /* For hte rotating image */
 +
            .Landing_image_container {
 +
                width: 50%;
 +
                display: flex;
 +
                position: relative;
 +
                margin: 0 auto;
 +
                align-items: center;
 +
                justify-content: center;
 +
            }
  
.content_wrapper th {
+
            .Landing_image_container img {
  padding: 10px;
+
                width: 100%;
  vertical-align: text-top;
+
            }
  border: 1px solid #d3d3d3;
+
  border-collapse: collapse;
+
  background-color: #f2f2f2;
+
}
+
  
 +
            .Landing_image_container img.overlap {
 +
                position: absolute;
 +
            }
  
/* 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;
 
}
 
  
.top-pad {
 
  padding: 35px;
 
}
 
  
   
+
            .box {
   
+
                width: 40%;
   
+
                margin: 0 auto;
/* NEW STUFF FROM CURRENT PAGE
+
                background: rgba(255,255,255,0.2);
   
+
                padding: 35px;
 +
                border: 2px solid #fff;
 +
                border-radius: 20px/50px;
 +
                background-clip: padding-box;
 +
                text-align: center;
 +
            }
  
 +
            .button {
 +
                font-size: 1em;
 +
                padding: 10px;
 +
                color: #fff;
 +
                border: 2px solid #06D85F;
 +
                border-radius: 20px/50px;
 +
                text-decoration: none;
 +
                cursor: pointer;
 +
                transition: all 0.3s ease-out;
 +
            }
 +
            .button:hover {
 +
                background: #06D85F;
 +
            }
  
/* side columns */
+
            .overlay {
.column.side.left {
+
                position: fixed;
width: 20%;
+
                top: 0;
}
+
                bottom: 0;
 +
                left: 0;
 +
                right: 0;
 +
                background: rgba(0, 0, 0, 0.7);
 +
                transition: opacity 500ms;
 +
                visibility: hidden;
 +
                opacity: 0;
 +
            }
 +
            .overlay:target {
 +
                visibility: visible;
 +
                opacity: 1;
 +
            }
  
.column.side.right {
+
            .popup {
width: 20%;
+
                margin: 70px auto;
}
+
                padding: 20px;
 +
                background: #fff;
 +
                border-radius: 5px;
 +
                width: 30%;
 +
                position: relative;
 +
                transition: all 5s ease-in-out;
 +
            }
  
/* main content */
+
            .popup h2 {
.column.middle {
+
                margin-top: 0;
Width: 60%;
+
                color: #333;
min-height: 850px;
+
                font-family: Tahoma, Arial, sans-serif;
 +
            }
 +
            .popup .close {
 +
                position: absolute;
 +
                top: 20px;
 +
                right: 30px;
 +
                transition: all 200ms;
 +
                font-size: 30px;
 +
                font-weight: bold;
 +
                text-decoration: none;
 +
                color: #333;
 +
            }
 +
            .popup .close:hover {
 +
                color: #06D85F;
 +
            }
 +
            .popup .content {
 +
                max-height: 30%;
 +
                overflow: auto;
 +
            }
  
/* change the background image of the main column */
+
            @media screen and (max-width: 700px){
background-size: contain;
+
                .box{
background-position: center;
+
                    width: 70%;
background-repeat: no-repeat;
+
                }
}
+
                .popup{
 +
                    width: 70%;
 +
                }
 +
            }
  
/* Clear floats after the columns */
+
        </style>
.row:after {
+
    content: "";
+
    display: table;
+
    clear: both;
+
}
+
  
/* footer*/
 
.footer {
 
    background-color: #f2f2f2;
 
    text-align: center;
 
    padding: 35px;
 
  
}
+
    </head>
  
.bio_paragraph{
 
    box-sizing: border-box;
 
    width: 100%;
 
    float: right;   
 
}
 
  
.bio_page_grid{
 
    display: grid;
 
    grid-template-columns: 50% 50%;
 
    grid-template-rows: repeat(13, 50%);
 
}
 
  
/********************************* RESPONSIVE STYLING ********************************/
+
    <body>
  
 +
        <!-- NEW CODE -->
  
   
 
/*ROTATING SCRIPT */
 
.rotate {
 
    -webkit-animation: spin .8s infinite linear;
 
    animation: spin 20s infinite linear;
 
}
 
@-webkit-keyframes spin {
 
    100% { -webkit-transform: rotate(360deg); }
 
}
 
@-moz-keyframes spin {
 
    100% { -moz-transform: rotate(360deg); }
 
}
 
@keyframes spin {
 
    100% {
 
        -moz-transform:rotate(360deg);
 
        -o-transform:rotate(360deg);
 
        transform:rotate(360deg);
 
    }
 
}
 
  
   
 
   
 
</style>
 
  
 +
        <div>
  
</head>
+
        </div>
  
 +
        <div class="Landing_image_container" style="padding-bottom: 10%;">
 +
            <img  class="rotate" src="https://static.igem.org/mediawiki/2018/4/43/T--Macquarie_Australia--HomePage_LogoMembrane.png">
 +
            <img class="overlap" src="https://static.igem.org/mediawiki/2018/5/5b/T--Macquarie_Australia--HomePage_LogoText.png">
 +
        </div>
 +
        <br>
 +
        <br>
 +
        <br>
 +
        <br>
  
  
<body>
+
        <div style="width: 50%; margin-left: auto; margin-right: auto; display: block;">
+
            <h style= "font-size: 30px; font-weight: bold;">Results</h>
+
            <p style="text-align: justify; font-size: 18px;font-family:'Quicksand', sans-serif;">
  <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
+
                We’re excited to announce that team Macquarie won Bronze in the 2018 iGEM competition.
    <div class="container-fluid">
+
            </p>
      <div class="navbar-header">
+
                <img src="https://static.igem.org/mediawiki/2018/5/55/T--Macquarie_Australia--Main_Team.png" style="width: 100%; height: auto; float: left;">
 +
            <br>
 +
            <br>
 +
           
 +
            <p style="text-align: justify; font-size: 18px;font-family:'Quicksand', sans-serif; width: 65%; float: left; padding-right: 5%;">We would like to thank our supervisors, sponsors and team who supported us throughout our journey. We are also excited to announce that our Chlorofella won the first Science Safety Poetry Competition held by <a href="https://2018.igem.org/Team:HebrewU"><u style= "color: blue;">HebrewU iGEM team</u></a>. Check out our chlorofella chronicles to see more of his masterpieces.</p>
 +
            <img src="https://static.igem.org/mediawiki/2018/4/4d/T--Macquarie_Australia--Main_Poem.png" style="width: 30%; height: auto; float: left;">
 +
        </div>
  
        <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>
+
        <div id="popup1" class="overlay">
      <div class="navbar-header" style="padding-top: 15px; padding-left: 15px;">
+
            <div class="popup">
        <a class="navbar-logo" href="https://2018.igem.org/Team:Macquarie_Australia">
+
                <h2>Here i am</h2>
          <image class="img-responsive" src="https://static.igem.org/mediawiki/2018/2/25/T--Macquarie_Australia--Logo_onlyText.png" height="120" width="120">
+
                <a class="close" href="#">&times;</a>
             </image>
+
                <div class="content">
         </a>
+
                    Thank to pop me out of that button, but now i'm done so you can close this window.
      </div>
+
                </div>
 +
             </div>
 +
         </div>
  
      <div id="navbar" class="navbar-collapse collapse">
 
        <ul class="nav navbar-nav navbar-right" style="margin-top: 15px;">
 
          <li class="dropdown">
 
            <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>
 
  
  
        <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Project">Project<span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="left:0;">
 
              <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>
 
  
        <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Notebook">Notebook<span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="left:0;">
 
              <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>
 
  
        <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Parts">Parts<span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="left:0;">
 
              <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>
 
  
          <li class="dropdown">
+
        <div class="Landing_image_container" style="width: 90%;">
             <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/e/e9/T--Macquarie_Australia--Project_Diagram_Protocols.png" style="width: 100%; height: auto;">
             <ul class="dropdown-menu">
+
            <a href="https://2018.igem.org/Team:Macquarie_Australia/Description"><img class="overlap" src="https://static.igem.org/mediawiki/2018/8/86/T--Macquarie_Australia--Transparent.png" style="width: 30%; left: 20%; top: 0%;"></a>
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">Human Practices</a></li>
+
             <a href="https://2018.igem.org/Team:Macquarie_Australia/Protocols"><img class="overlap" src="https://static.igem.org/mediawiki/2018/8/86/T--Macquarie_Australia--Transparent.png" style="width: 30%; left: 58%; top: 20%;"></a>
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">Integrated Practices</a></li>
+
            <a href="https://2018.igem.org/Team:Macquarie_Australia/Model"><img class="overlap" src="https://static.igem.org/mediawiki/2018/8/86/T--Macquarie_Australia--Transparent.png" style="width: 30%; left: 10%; top: 32%;"></a>
             </ul>
+
            <a href="https://2018.igem.org/Team:Macquarie_Australia/Toolkit"><img class="overlap" src="https://static.igem.org/mediawiki/2018/8/86/T--Macquarie_Australia--Transparent.png" style="width: 35%; left: 65%; top: 55%;"></a>
          </li>
+
            <a href="https://2018.igem.org/Team:Macquarie_Australia/Collaborations"><img class="overlap" src="https://static.igem.org/mediawiki/2018/8/86/T--Macquarie_Australia--Transparent.png" style="width: 30%; left: 6%; top: 67%;"></a>
 +
             <a href="https://2018.igem.org/Team:Macquarie_Australia/Description"><img class="overlap" src="https://static.igem.org/mediawiki/2018/8/86/T--Macquarie_Australia--Transparent.png" style="width: 30%; left: 49%; top: 80%;"></a>
 +
        </div>
  
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/safety">Saftey </a>
 
          </li>
 
        </ul>
 
      </div>
 
      <!-- /.navbar-collapse -->
 
    </div>
 
    <!-- /.container-fluid -->
 
    </nav>
 
  
  
<!-- NEW CODE -->
 
  
  
  
<div>
 
  
</div>
 
  
<div>
+
        <!--INVISIBLE BOX, MAYBE USE TO HOST CONTENT? -->
<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 class="row" style="background-color: #f2f2f2;">
</div>
+
            <div class="column side left" style="background-color: #f2f2f2;">
 +
            </div>
 +
            <div class="column side right"style="background-color: #f2f2f2;">
  
<div style="width: 50%; margin-left: auto; margin-right: auto; display: block;">
+
            </div>
    <h style= "font-size: 20px; font-weight: bold;">This year - a new frontier! </h>
+
        </div>
    <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!
+
        <!-- END OF BOX -->
</p>
+
</div>
+
  
  
  
  
   
 
   
 
   
 
   
 
  
   
 
  
  
 
     </body>
 
     </body>
 
</html>
 
</html>
 +
{{Macquarie_Australia/Footer}}

Latest revision as of 11:03, 2 December 2018






Results

We’re excited to announce that team Macquarie won Bronze in the 2018 iGEM competition.



We would like to thank our supervisors, sponsors and team who supported us throughout our journey. We are also excited to announce that our Chlorofella won the first Science Safety Poetry Competition held by HebrewU iGEM team. Check out our chlorofella chronicles to see more of his masterpieces.