Difference between revisions of "Team:Macquarie Australia/test3"
| Line 5: | Line 5: | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
<body> | <body> | ||
| + | |||
| + | <div class="centreStuffInline"> | ||
| + | <br> | ||
| + | <p>Macquarie University took up the challenge of spreading the word of synthetic photosynthesise to all, focusing on a ‘science for everyone approach’. Therefore, a key aspect of our project is to increase the dialogue between synthetic biologists, industry and society. | ||
| + | To execute this, our team reached out to industry through the Business Implementation Strategy, collaborated with other iGEM teams, engaged the public in ‘So You Think You Can Synthesise’, dispelled common myths about chlorophyll and its uses.</p> | ||
| + | </div> | ||
| + | <br> | ||
| + | |||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
.tabs { | .tabs { | ||
| Line 62: | Line 71: | ||
} | } | ||
</style> | </style> | ||
| − | < | + | <div class="contentContainer"> |
| + | |||
| + | |||
| + | <script type="text/javascript"> | ||
jQuery(document).ready(function() { | jQuery(document).ready(function() { | ||
jQuery('.tabs .tab-links a').on('click', function(e) { | jQuery('.tabs .tab-links a').on('click', function(e) { | ||
| Line 68: | Line 80: | ||
// Show/Hide Tabs | // Show/Hide Tabs | ||
| − | + | jQuery('.tabs ' + currentAttrValue).show().siblings().hide(); | |
| + | |||
// Change/remove current tab to active | // Change/remove current tab to active | ||
jQuery(this).parent('li').addClass('active').siblings().removeClass('active'); | jQuery(this).parent('li').addClass('active').siblings().removeClass('active'); | ||
| Line 75: | Line 88: | ||
}); | }); | ||
}); | }); | ||
| − | </ | + | </script> |
| − | + | ||
| Line 82: | Line 95: | ||
<ul class="tab-links"> | <ul class="tab-links"> | ||
<li class="active"><a href="#tab1">Implementation Strategy</a></li> | <li class="active"><a href="#tab1">Implementation Strategy</a></li> | ||
| − | <li><a href="#tab2"> | + | <li><a href="#tab2">Chlorophyll Mythbusters</a></li> |
<li><a href="#tab3">Tab #3</a></li> | <li><a href="#tab3">Tab #3</a></li> | ||
<li><a href="#tab4">Tab #4</a></li> | <li><a href="#tab4">Tab #4</a></li> | ||
| + | <li><a href="#tab5">Tab #5</a></li> | ||
| + | <li><a href="#tab6">Tab #6</a></li> | ||
</ul> | </ul> | ||
| − | + | <div class="tab-content"> | |
<div id="tab1" class="tab"> | <div id="tab1" class="tab"> | ||
| − | + | <p><a class="regularHyperlink" href="https://2015.igem.org/Team:Macquarie_Australia/Practices/Implementation">Here</a>, we detail how we reached out to industry, integrating the findings into our prototype. | |
| − | + | ||
</div> | </div> | ||
<div id="tab2" class="tab"> | <div id="tab2" class="tab"> | ||
| − | <p> | + | <p>An <a class="regularHyperlink" href="https://2015.igem.org/Team:Macquarie_Australia/Practices/Mythbusters">infographic</a> detailing the misconceptions about chlorophyll and its uses.</p> |
| − | + | ||
</div> | </div> | ||
| Line 107: | Line 121: | ||
<p>Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis. In hac habitasse platea dictumst. Ut euismod tempus hendrerit. Morbi ut adipiscing nisi. Etiam rutrum sodales gravida! Aliquam tellus orci, iaculis vel.</p> | <p>Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis. In hac habitasse platea dictumst. Ut euismod tempus hendrerit. Morbi ut adipiscing nisi. Etiam rutrum sodales gravida! Aliquam tellus orci, iaculis vel.</p> | ||
</div> | </div> | ||
| + | |||
| + | |||
| + | <div id="tab5" class="tab"> | ||
| + | <p>Tab #5 content goes here!</p> | ||
| + | <p>Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis. In hac habitasse platea dictumst. Ut euismod tempus hendrerit. Morbi ut adipiscing nisi. Etiam rutrum sodales gravida! Aliquam tellus orci, iaculis vel.</p> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div id="tab6" class="tab"> | ||
| + | <p>Tab #6 content goes here!</p> | ||
| + | <p>Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis. In hac habitasse platea dictumst. Ut euismod tempus hendrerit. Morbi ut adipiscing nisi. Etiam rutrum sodales gravida! Aliquam tellus orci, iaculis vel.</p> | ||
| + | </div> | ||
| + | |||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
</body> | </body> | ||
</html> | </html> | ||
Revision as of 04:24, 17 September 2015
Macquarie University took up the challenge of spreading the word of synthetic photosynthesise to all, focusing on a ‘science for everyone approach’. Therefore, a key aspect of our project is to increase the dialogue between synthetic biologists, industry and society. To execute this, our team reached out to industry through the Business Implementation Strategy, collaborated with other iGEM teams, engaged the public in ‘So You Think You Can Synthesise’, dispelled common myths about chlorophyll and its uses.
Here, we detail how we reached out to industry, integrating the findings into our prototype.
An infographic detailing the misconceptions about chlorophyll and its uses.
Tab #3 content goes here!
Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum ri.
Tab #4 content goes here!
Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis. In hac habitasse platea dictumst. Ut euismod tempus hendrerit. Morbi ut adipiscing nisi. Etiam rutrum sodales gravida! Aliquam tellus orci, iaculis vel.
Tab #5 content goes here!
Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis. In hac habitasse platea dictumst. Ut euismod tempus hendrerit. Morbi ut adipiscing nisi. Etiam rutrum sodales gravida! Aliquam tellus orci, iaculis vel.
Tab #6 content goes here!
Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis. In hac habitasse platea dictumst. Ut euismod tempus hendrerit. Morbi ut adipiscing nisi. Etiam rutrum sodales gravida! Aliquam tellus orci, iaculis vel.