Difference between revisions of "Team:Macquarie Australia"

 
(32 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://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">
 +
 +
 +
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 +
  
  
Line 12: Line 17:
 
     <head>
 
     <head>
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
−
       
+
 
 
         <style>
 
         <style>
 
             DO NOT REMOVE
 
             DO NOT REMOVE
Line 28: Line 33:
 
             #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
             #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
           
+
 
−
           
+
 
 
             /* Unique to page */
 
             /* Unique to page */
 
             body {
 
             body {
Line 75: Line 80:
  
  
−
        </style>
+
            /* 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%;
 +
            }
  
−
    </head>
+
            .Landing_image_container img.overlap {
 +
                position: absolute;
 +
            }
  
  
  
−
    <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" src="https://static.igem.org/mediawiki/2018/3/3f/T--Macquarie_Australia--Logo_onlyMembrane.png" height="80" width="80">
 
−
                        </image>
 
−
                    </a>
 
  
−
                 </div>
+
            .box {
−
                 <div class="navbar-header" style="padding-top: 15px; padding-left: 15px;">
+
                 width: 40%;
−
                    <a class="navbar-logo" href="https://2018.igem.org/Team:Macquarie_Australia">
+
                 margin: 0 auto;
−
                        <image class="img-responsive" src="https://static.igem.org/mediawiki/2018/2/25/T--Macquarie_Australia--Logo_onlyText.png" height="120" width="120">
+
                background: rgba(255,255,255,0.2);
−
                        </image>
+
                padding: 35px;
−
                    </a>
+
                border: 2px solid #fff;
−
                </div>
+
                border-radius: 20px/50px;
 +
                background-clip: padding-box;
 +
                text-align: center;
 +
            }
  
−
                 <div id="navbar" class="navbar-collapse collapse">
+
            .button {
−
                    <ul class="nav navbar-nav navbar-right" style="margin-top: 15px;">
+
                 font-size: 1em;
−
                        <li class="dropdown">
+
                padding: 10px;
−
                            <a class="dropdown-toggle active">Project<span class="caret"></span></a>
+
                color: #fff;
−
                            <ul class="dropdown-menu" style="left:0;">
+
                border: 2px solid #06D85F;
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/ProjectSummary">Summary</a></li>
+
                border-radius: 20px/50px;
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/ProjectSafety">Safety</a></li>
+
                text-decoration: none;
−
                            </ul>
+
                cursor: pointer;
−
                        </li>
+
                transition: all 0.3s ease-out;
 +
            }
 +
            .button:hover {
 +
                background: #06D85F;
 +
            }
  
 +
            .overlay {
 +
                position: fixed;
 +
                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;
 +
            }
  
−
                        <li class="dropdown">
+
            .popup {
−
                            <a class="dropdown-toggle active">Notebook<span class="caret"></span></a>
+
                margin: 70px auto;
−
                            <ul class="dropdown-menu" style="left:0;">
+
                padding: 20px;
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/NotebookDryLab">Dry Lab</a></li>
+
                background: #fff;
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/NotebookWetLab">Wet lab</a></li>
+
                border-radius: 5px;
−
                            </ul>
+
                width: 30%;
−
                        </li>
+
                position: relative;
 +
                transition: all 5s ease-in-out;
 +
            }
  
−
                        <li class="dropdown">
+
            .popup h2 {
−
                            <a class="dropdown-toggle active">Parts<span class="caret"></span></a>
+
                margin-top: 0;
−
                            <ul class="dropdown-menu" style="left:0;">
+
                color: #333;
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/PartsSummary">Summary</a></li>
+
                font-family: Tahoma, Arial, sans-serif;
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/CompositeParts">Composite parts</a></li>
+
            }
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/PartsValidation">Validation</a></li>
+
            .popup .close {
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/ImprovedParts">Improved Parts</a></li>
+
                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;
 +
            }
  
−
                            </ul>
+
            @media screen and (max-width: 700px){
−
                        </li>
+
                .box{
 +
                    width: 70%;
 +
                }
 +
                .popup{
 +
                    width: 70%;
 +
                }
 +
            }
  
−
                        <li class="dropdown">
+
        </style>
−
                            <a class="dropdown-toggle active">Interlab<span class="caret"></span></a>
+
−
                            <ul class="dropdown-menu" style="left:0;">
+
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/InterlabOverview">Interlab Overview</a></li>
+
−
                            </ul>
+
−
                        </li>
+
  
−
                        <li class="dropdown">
 
−
                            <a class="dropdown-toggle active">Human Practices<span class="caret"></span></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Interviews">Interviews</a></li>
 
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/PublicEngagement">Public Engagement</a></li>
 
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/IntergratedHumanPractices">Intergrated Human Practices</a></li>
 
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Toolkit">Toolkit</a></li>
 
−
                            </ul>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                            <a class="dropdown-toggle active">Team<span class="caret"></span></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/MeetTheTeam">Meet The Team</a></li>
 
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Staff">Staff</a></li>
 
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Attributions">Attributions</a></li>
 
−
                            </ul>
 
−
                        </li>
 
  
−
                        <li class="dropdown">
+
    </head>
−
                            <a class="dropdown-toggle active">Modelling<span class="caret"></span></a>
+
−
                            <ul class="dropdown-menu">
+
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Model">Our Model</a></li>
+
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/ModelExperimentation">Experimental Data</a></li>
+
−
                            </ul>
+
−
                        </li>
+
  
−
                        <li class="dropdown">
 
−
                            <a class="dropdown-toggle active">Collaboration<span class="caret"></span></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li><a href="https://2018.igem.org/Team:Macquarie_Australia/CollaborationOverview">Overview</a></li>
 
−
                            </ul>
 
−
                        </li>
 
  
  
−
 
+
    <body>
−
                    </ul>
+
−
                </div>
+
−
                <!-- /.navbar-collapse -->
+
−
            </div>
+
−
            <!-- /.container-fluid -->
+
−
        </nav>
+
−
 
+
  
 
         <!-- NEW CODE -->
 
         <!-- NEW CODE -->
Line 190: Line 204:
 
         </div>
 
         </div>
  
−
         <div>
+
         <div class="Landing_image_container" style="padding-bottom: 10%;">
−
             <img src = "https://static.igem.org/mediawiki/2018/f/f6/T--Macquarie_Australia--New_Logo_transperant.png" style="width: 50%; margin-left: auto; margin-right: auto; display: block;">
+
             <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>
 
         </div>
 +
        <br>
 +
        <br>
 +
        <br>
 +
        <br>
 +
  
 
         <div style="width: 50%; margin-left: auto; margin-right: auto; display: block;">
 
         <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>
+
             <h style= "font-size: 30px; font-weight: bold;">Results</h>
−
             <p style="text-align: justify">
+
             <p style="text-align: justify; font-size: 18px;font-family:'Quicksand', sans-serif;">
−
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!
+
                We’re excited to announce that team Macquarie won Bronze in the 2018 iGEM competition.  
 
             </p>
 
             </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>
  
−
        <!--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 middle"style="background-color: #f2f2f2;">
 
  
−
            </div>
 
  
−
            <div class="column side right"style="background-color: #f2f2f2;">
 
  
−
             </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>
 
         </div>
−
        <!-- END OF BOX -->
 
  
  
−
         <!-- FOOTER CODE DO NOT TOUCH -->
+
 
−
         <div class="footerContainer">
+
 
−
             <div class="footerItemSponsor" >
+
 
−
                <img style = "height: auto; width: 70%; float: left;" src="https://static.igem.org/mediawiki/2018/d/de/T--Macquarie_Australia--Footer_Sponsor.png">
+
 
 +
 
 +
 
 +
         <!--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>
−
             <div class="footerItem" >
+
             <div class="column side right"style="background-color: #f2f2f2;">
−
                <img style = "width: 4%; float: left;padding-top: 5%;padding-right: 2%; padding-left: 5%;" src="https://static.igem.org/mediawiki/2018/d/d3/T--Macquarie_Australia--Footer_Email.png">
+
 
−
            </div>
+
−
            <div class="footerItem" >
+
−
                <img style = "width: 4%;float: left; padding-top: 5%;padding-right: 2%; " src="https://static.igem.org/mediawiki/2018/1/1a/T--Macquarie_Australia--Footer_Facebook.png">
+
−
            </div>
+
−
            <div class="footerItem" >
+
−
                <img style = "width: 4%;float: left;padding-top: 5%;padding-right: 2%;" src="https://static.igem.org/mediawiki/2018/1/11/T--Macquarie_Australia--Footer_Instagram.png">
+
−
            </div>
+
−
            <div class="footerItem">
+
−
                <img style = "width: 4%;float: left; padding-top: 5.5%; padding-right: 2%;" src="https://static.igem.org/mediawiki/2018/4/4c/T--Macquarie_Australia--Footer_Twitter.png">
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <!--END OF FOOTER CODE -->
+
         <!-- END OF BOX -->
  
  
Line 247: Line 278:
 
     </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.

Here i am

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