Difference between revisions of "Team:Macquarie Australia"

m
 
(120 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
{{Macquarie_Australia/NavBar}}
  
 
<html>
 
<html>
−
<head>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<style>
 
  
−
/* Parameter for the whole meta script location, etc. */
+
    <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">
  
  
−
/* DO NOT REMOVE */
+
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
−
#content {
+
−
    width: 100vw;
+
−
    margin: 0;
+
−
    padding: 0;
+
−
}
+
  
  
−
#top_title {
 
−
    display: none;
 
−
}
 
  
−
#globalWrapper {
+
     <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
−
     padding-bottom: 0;
+
−
}
+
  
  
−
body {
 
−
  margin: 0;
 
−
  Height: 100%;
 
−
  font-family: "Helvetica";
 
−
}
 
  
−
h2 {
+
     <head>
−
     font-size: 2em;
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
−
font-family: "Century Gothic";
+
−
}
+
  
−
h3 {
+
        <style>
−
font-family: verdana;
+
            DO NOT REMOVE
−
color: #35373a;
+
            #content {
−
font-size: 17px;
+
                width: 100vw;
−
font-weight: lighter;
+
                margin: 0;
−
}
+
                padding: 0;
 +
            }
  
−
/* parameters for the top bar */
+
            /* Clear the default wiki settings */
−
.topnav {
+
            #home_logo, #sideMenu { display:none; }
−
  overflow: hidden;
+
            #sideMenu, #top_title, .patrollink  {display:none;}
−
  background-color: #bcf7a3;
+
            #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; }
  
−
/* Parameters for top bar */
 
−
.topnav a {
 
−
  float: left;
 
−
  color: #224413;
 
−
  text-align: center;
 
−
  padding: 15px 16px;
 
−
  text-decoration: none;
 
−
  font-size: 20px;
 
−
}
 
−
/* Changes the colour/text colour of a box on mouseover */
 
−
.topnav a:hover {
 
−
  background-color: #ceffba;
 
−
  color: black;
 
−
}
 
  
−
/* Perameters of the "Active" tab */
 
−
.topnav a.active {
 
−
  background-color: #6ca056;
 
−
  color: white;
 
−
}
 
  
−
/* column stuff */
+
            /* Unique to page */
−
.column {
+
            body {
−
float: left;
+
                background-color: #f2f2f2;
−
padding: 1px;
+
                width: 100%;
−
}
+
                z-index: 3;
 +
            }
  
−
/* side columns */
+
            #bodyContent {
−
.column.side {
+
                padding-right: 0px;
−
width: 20%;
+
                padding-top: 50px;
−
}
+
                width: 100 vw;
 +
                background-color: #f2f2f2;
 +
            }
  
−
/* main content */
+
            /* Wrapper for the content */
−
.column.middle {
+
            .content_wrapper {
−
Width: 60%;
+
                width: 85%%;
−
min-height: 850px;
+
                margin-left: 150px;
 +
                padding: 0px;
 +
                float: left;
 +
                background-color: #f2f2f2;
 +
            }
  
−
/* 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-position: center;
 
−
background-repeat: no-repeat;
 
−
}
 
  
−
/* Clear floats after the columns */
 
−
.row:after {
 
−
    content: "";
 
−
    display: table;
 
−
    clear: both;
 
−
}
 
  
−
/* footer*/
+
            /* non numbered lists */
−
.footer {
+
            .content_wrapper ul {
−
    background-color: white;
+
                padding: 0px 20px;
−
    text-align: center;
+
                font-size: 13px;
−
    padding: 35px;
+
                font-family: 'Quicksand', sans-serif;
 +
            }s
  
−
}
+
            .bio_paragraph{
 +
                box-sizing: border-box;
 +
                width: 100%;
 +
                float: right;   
 +
            }
  
−
.Ibutton{                 //IMAGE BUTTON
+
            .bio_page_grid{
−
cursor: pointer;
+
                display: grid;
−
transition-duration: 0.4s;
+
                grid-template-columns: 50% 50%;
−
opacity: 1.0;
+
                grid-template-rows: repeat(13, 50%);
−
boarder: 0px;
+
            }
−
background-colour: transparent;
+
  
−
}
 
−
.Ibutton:hover {
 
−
background-color: transparent;
 
−
    color: white;
 
−
    opacity:0.0;
 
−
}
 
−
.Hbutton {
 
−
cursor: pointer;
 
−
transition-duration: 0.4s;
 
−
opacity: 0.0;
 
−
}
 
−
.Hbutton:hover { // HOVER BUTTON (Dark versions of image button elements)
 
−
background-color: transperant;
 
−
    color: white;
 
−
    opacity:1.0;
 
−
}
 
  
 +
            /* For hte rotating image */
 +
            .Landing_image_container {
 +
                width: 50%;
 +
                display: flex;
 +
                position: relative;
 +
                margin: 0 auto;
 +
                align-items: center;
 +
                justify-content: center;
 +
            }
  
 +
            .Landing_image_container img {
 +
                width: 100%;
 +
            }
  
−
</style>
+
            .Landing_image_container img.overlap {
−
</head>
+
                position: absolute;
−
<body>
+
            }
  
−
<!-- Header bar. To change the header bar edit css under "style" -->
 
−
<div class="header">
 
−
</div>
 
  
  
−
</div>
 
  
  
−
<div style="width: 100%; height: auto; position:relative">
 
−
<img src = "https://static.igem.org/mediawiki/2018/4/4c/T--Macquarie_Australia--Menu_Membrane.png" width = 100%  height = auto style="position: relative;">
 
  
−
<a href="https://2018.igem.org/Team:Macquarie_Australia">
 
−
<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%;">
 
−
</a>
 
−
<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%;">
 
  
 +
            .box {
 +
                width: 40%;
 +
                margin: 0 auto;
 +
                background: rgba(255,255,255,0.2);
 +
                padding: 35px;
 +
                border: 2px solid #fff;
 +
                border-radius: 20px/50px;
 +
                background-clip: padding-box;
 +
                text-align: center;
 +
            }
  
−
<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%;">
+
            .button {
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/about_us">
+
                font-size: 1em;
−
<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%;">
+
                padding: 10px;
−
</a>
+
                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;
 +
            }
  
−
<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%;">
+
            .overlay {
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/project">
+
                position: fixed;
−
<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%;">
+
                top: 0;
−
</a>
+
                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;
 +
            }
  
−
<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%;">
+
            .popup {
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/modelling">
+
                margin: 70px auto;
−
<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%;">
+
                padding: 20px;
−
</a>
+
                background: #fff;
 +
                border-radius: 5px;
 +
                width: 30%;
 +
                position: relative;
 +
                transition: all 5s ease-in-out;
 +
            }
  
−
<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%;">
+
            .popup h2 {
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/safety">
+
                margin-top: 0;
−
<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%;">
+
                color: #333;
−
</a>
+
                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;
 +
            }
  
−
<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%;">
+
            @media screen and (max-width: 700px){
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/interlab">
+
                .box{
−
<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%;">
+
                    width: 70%;
−
</a>
+
                }
 +
                .popup{
 +
                    width: 70%;
 +
                }
 +
            }
  
−
<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%;">
+
        </style>
−
<a href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">
+
−
<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%;">
+
−
</a>
+
−
</div>
+
  
  
 +
    </head>
  
−
<div>
 
  
−
<center>
 
−
  <h2>Macquarie iGEM 2018 - the chlorofellas</h2>
 
−
</center>
 
−
</div>
 
  
−
<div class="row">
+
     <body>
−
<div class="column side">
+
−
</div>
+
−
+
−
<div class="column middle">
+
−
<h3>
+
−
#mylist li{
+
−
     padding-top:1800px;
+
−
}
+
−
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 class="column side">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="footer">
+
  
−
</div>
+
        <!-- NEW CODE -->
  
  
−
</body>
+
 
 +
        <div>
 +
 
 +
        </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>
 +
 
 +
 
 +
        <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;">
 +
                We’re excited to announce that team Macquarie won Bronze in the 2018 iGEM competition.
 +
            </p>
 +
                <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>
 +
 
 +
 
 +
        <div id="popup1" class="overlay">
 +
            <div class="popup">
 +
                <h2>Here i am</h2>
 +
                <a class="close" href="#">&times;</a>
 +
                <div class="content">
 +
                    Thank to pop me out of that button, but now i'm done so you can close this window.
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
        <div class="Landing_image_container" style="width: 90%;">
 +
            <img src="https://static.igem.org/mediawiki/2018/e/e9/T--Macquarie_Australia--Project_Diagram_Protocols.png" style="width: 100%; height: auto;">
 +
            <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>
 +
            <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>
 +
            <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>
 +
            <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>
 +
            <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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
        <!--INVISIBLE BOX, MAYBE USE TO HOST CONTENT? -->
 +
        <div class="row" style="background-color: #f2f2f2;">
 +
            <div class="column side left" style="background-color: #f2f2f2;">
 +
            </div>
 +
            <div class="column side right"style="background-color: #f2f2f2;">
 +
 
 +
            </div>
 +
        </div>
 +
        <!-- END OF BOX -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    </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.

Here i am

×
Thank to pop me out of that button, but now i'm done so you can close this window.