Difference between revisions of "Team:Macquarie Australia"
| (48 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 21: | Line 27: | ||
/* Clear the default wiki settings */ | /* Clear the default wiki settings */ | ||
| − | |||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
| 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 */ | ||
body { | body { | ||
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
| Line 286: | Line 41: | ||
z-index: 3; | z-index: 3; | ||
} | } | ||
| − | |||
#bodyContent { | #bodyContent { | ||
| Line 294: | Line 48: | ||
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
| − | |||
.content_wrapper { | .content_wrapper { | ||
width: 85%%; | width: 85%%; | ||
| Line 340: | Line 58: | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* non numbered lists */ | /* non numbered lists */ | ||
| − | |||
.content_wrapper ul { | .content_wrapper ul { | ||
padding: 0px 20px; | padding: 0px 20px; | ||
font-size: 13px; | font-size: 13px; | ||
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
| + | }s | ||
| + | |||
| + | .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%); |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | /* | + | /* For hte rotating image */ |
| − | + | .Landing_image_container { | |
| − | . | + | width: 50%; |
| − | width: | + | display: flex; |
| − | margin: | + | position: relative; |
| − | + | margin: 0 auto; | |
| − | + | align-items: center; | |
| + | justify-content: center; | ||
} | } | ||
| − | + | .Landing_image_container img { | |
| − | + | width: 100%; | |
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .Landing_image_container img.overlap { | |
| − | + | position: absolute; | |
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | + | .box { |
| + | width: 40%; | ||
| + | margin: 0 auto; | ||
| + | background: rgba(255,255,255,0.2); | ||
padding: 35px; | 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); | |
| − | background | + | transition: opacity 500ms; |
| − | + | visibility: hidden; | |
| + | opacity: 0; | ||
} | } | ||
| − | + | .overlay:target { | |
| − | + | visibility: visible; | |
| − | . | + | opacity: 1; |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .popup { | |
| − | . | + | margin: 70px auto; |
| − | background | + | 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> | </style> | ||
| Line 588: | Line 196: | ||
<body> | <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="#">×</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? --> | <!--INVISIBLE BOX, MAYBE USE TO HOST CONTENT? --> | ||
| Line 708: | Line 264: | ||
<div class="column side left" style="background-color: #f2f2f2;"> | <div class="column side left" style="background-color: #f2f2f2;"> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<div class="column side right"style="background-color: #f2f2f2;"> | <div class="column side right"style="background-color: #f2f2f2;"> | ||
| Line 718: | Line 269: | ||
</div> | </div> | ||
<!-- END OF BOX --> | <!-- END OF BOX --> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 748: | Line 278: | ||
</body> | </body> | ||
</html> | </html> | ||
| + | {{Macquarie_Australia/Footer}} | ||
Latest revision as of 11:03, 2 December 2018
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.
