Difference between revisions of "Team:Macquarie Australia"

 
(187 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: Arial, Helvetica, sans-serif;
 
−
}
 
  
−
/*header*/
+
     <head>
−
.header {
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
−
height: 80px;
+
−
     background-image: url(https://static.igem.org/mediawiki/2018/thumb/8/8b/T--Macquarie_Australia--lipid_bilayer.jpg/1200px-T--Macquarie_Australia--lipid_bilayer.jpg.png);
+
−
background-size: auto 80px;
+
−
background-repeat: repeat;
+
−
text-align: center;
+
−
    padding: 1px;
+
−
}
+
  
−
/* parameters for the top bar */
+
        <style>
−
.topnav {
+
            DO NOT REMOVE
−
  overflow: hidden;
+
            #content {
−
  background-color: #bcf7a3;
+
                width: 100vw;
−
}
+
                margin: 0;
 +
                padding: 0;
 +
            }
  
−
/* Parameters for top bar */
+
            /* Clear the default wiki settings */
−
.topnav a {
+
            #home_logo, #sideMenu { display:none; }
−
  float: left;
+
            #sideMenu, #top_title, .patrollink  {display:none;}
−
  color: #224413;
+
            #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
−
  text-align: center;
+
            body {background-color: #f2f2f2; }
−
  padding: 15px 16px;
+
            #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
  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 */
 
−
.column {
 
−
float: left;
 
−
padding: 1px;
 
−
}
 
  
−
/* side columns */
+
            /* Unique to page */
−
.column.side {
+
            body {
−
width: 20%;
+
                background-color: #f2f2f2;
−
}
+
                width: 100%;
 +
                z-index: 3;
 +
            }
  
−
/* main content */
+
            #bodyContent {
−
.column.middle {
+
                padding-right: 0px;
−
Width: 60%;
+
                padding-top: 50px;
−
min-height: 850px;
+
                width: 100 vw;
−
+
                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);
+
−
}
+
  
−
/* Clear floats after the columns */
+
            /* Wrapper for the content */
−
.row:after {
+
            .content_wrapper {
−
    content: "";
+
                width: 85%%;
−
    display: table;
+
                margin-left: 150px;
−
    clear: both;
+
                padding: 0px;
−
}
+
                float: left;
 +
                background-color: #f2f2f2;
 +
            }
  
−
/* footer*/
 
−
.footer {
 
−
    background-color: white;
 
−
    text-align: center;
 
−
    padding: 35px;
 
−
}
 
  
−
</style>
 
−
</head>
 
−
<body>
 
  
−
<!-- Header bar. To change the header bar edit css under "style" -->
+
            /* non numbered lists */
−
<div class="header">
+
            .content_wrapper ul {
−
</div>
+
                padding: 0px 20px;
 +
                font-size: 13px;
 +
                font-family: 'Quicksand', sans-serif;
 +
            }s
  
−
<!-- stuff below the top bar -->
+
            .bio_paragraph{
−
<div class="topnav">
+
                box-sizing: border-box;
−
  <a class="active" href="https://2018.igem.org/Team:Macquarie_Australia">Home</a>
+
                width: 100%;
−
  <a href="https://2018.igem.org/Team:Macquarie_Australia/project">Project</a>
+
                float: right;   
−
  <a href="#Experimental">Experimental</a>
+
            }
−
  <a href="#Modelling">Modelling</a>
+
−
  <a href="#Interlab">Interlab</a>
+
−
  <a href="#Human practices">Human practices</a>
+
−
  <a href="#Safet">Safety</a>
+
−
  <a href="#About us">About us</a>
+
  
−
</div>
+
            .bio_page_grid{
−
</div>
+
                display: grid;
 +
                grid-template-columns: 50% 50%;
 +
                grid-template-rows: repeat(13, 50%);
 +
            }
  
−
<div>
 
−
<center>
 
−
  <h2>Maquarie iGEM 2018</h2>
 
−
</center>
 
−
</div>
 
  
−
<div class="row">
+
            /* For hte rotating image */
−
<div class="column side">
+
            .Landing_image_container {
−
</div>
+
                width: 50%;
−
+
                display: flex;
−
<div class="column middle">
+
                position: relative;
−
<p>
+
                margin: 0 auto;
−
Project description goes here....
+
                align-items: center;
−
</p>
+
                justify-content: center;
−
</div>
+
            }
−
+
 
−
<div class="column side">
+
            .Landing_image_container img {
−
</div>
+
                width: 100%;
−
</div>
+
            }
−
</div>
+
 
−
<div class="footer">
+
            .Landing_image_container img.overlap {
−
</div>
+
                position: absolute;
−
</body>
+
            }
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
            .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;
 +
            }
 +
 
 +
            .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;
 +
            }
 +
 
 +
            .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;
 +
            }
 +
 
 +
            .popup {
 +
                margin: 70px auto;
 +
                padding: 20px;
 +
                background: #fff;
 +
                border-radius: 5px;
 +
                width: 30%;
 +
                position: relative;
 +
                transition: all 5s ease-in-out;
 +
            }
 +
 
 +
            .popup h2 {
 +
                margin-top: 0;
 +
                color: #333;
 +
                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;
 +
            }
 +
 
 +
            @media screen and (max-width: 700px){
 +
                .box{
 +
                    width: 70%;
 +
                }
 +
                .popup{
 +
                    width: 70%;
 +
                }
 +
            }
 +
 
 +
        </style>
 +
 
 +
 
 +
    </head>
 +
 
 +
 
 +
 
 +
    <body>
 +
 
 +
        <!-- NEW CODE -->
 +
 
 +
 
 +
 
 +
        <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.