Difference between revisions of "Team:Macquarie Australia/TanyaTest03"

(Changed nav to inline block)
(Added trailer to test video syntax)
 
(6 intermediate revisions by the same user not shown)
Line 24: Line 24:
  
 
#navigation a { /* top menu style */
 
#navigation a { /* top menu style */
display:block;
+
display:block; /* leave this block to keep the nav the same */
float:left;
+
float: left; /* has to be left for nav to work */
 +
font-size: medium;
 +
padding: 1.56em;
 +
font-family: Verdana, Geneva, sans-serif;
 +
background-color: #66cc66; /* light green */
 +
color: #000000; /* #000000 is black font */
 
}
 
}
  
Line 69: Line 74:
  
 
.specialInline { /* Creates the container for inline content - class */
 
.specialInline { /* Creates the container for inline content - class */
 +
display: inline-block;
 +
}
 +
 +
.hony { /* keep HONY inline - class */
 
display: inline-block;
 
display: inline-block;
 
}
 
}
Line 95: Line 104:
  
 
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 
/* New menu styling */
 
 
.menuTheOthers a { /* Styling of the menu table hyperlinks */
 
font-family: Verdana, Geneva, sans-serif;
 
background-color: #66cc66; /* Comment: setting this displays a light green bar across the text */
 
color: #000000; /* #000000 is black font */
 
}
 
 
.menuYouAreHere a { /* Styling of the menu table highlighted hyperlinks */
 
font-family: Verdana, Geneva, sans-serif;
 
background-color: #009933; /* Comment: setting this displays a dark green bar across the text */
 
color: #ffffff; /* #ffffff is white font */
 
}
 
 
/* Class MainMenu styling */
 
 
.mainmenu table { /* Styling of the menu table class */
 
font-family: Verdana, Geneva, sans-serif;
 
font-size: 16px;
 
color: #ffffff;
 
}
 
 
.mainmenu a { /* Styling of the menu table hyperlinks */
 
font-family: Verdana, Geneva, sans-serif;
 
display:block; /* makes the table cells clickable */
 
/* background-color: #66cc66; Comment: setting this colours a bar across the text green */
 
color: #000000;
 
}
 
 
#rcornersMain {
 
border-radius: 40px 5px;
 
background: #66cc66; /* #66cc66 light green */
 
/* padding: 20px; */
 
/* width: 200px; */
 
/* height: 150px; */
 
}
 
 
/* Class MenuHighlight styling */
 
 
.menuHighlight a { /* Styling of the menu table highlighted hyperlinks */
 
font-family: Verdana, Geneva, sans-serif;
 
display:block; /* makes the table cells clickable */
 
color: #ffffff; /* #ffffff is white */
 
}
 
 
#rcornersHighlight {
 
border-radius: 40px 5px;
 
background: #009933; /* #009933 dark green */
 
/* padding: 20px; */
 
/* width: 200px; */
 
/* height: 150px; */
 
}
 
  
 
/* Class ContentContainer styling */
 
/* Class ContentContainer styling */
Line 186: Line 142:
 
display: block; /* here to keep the caption underneath the figure */
 
display: block; /* here to keep the caption underneath the figure */
 
text-align: left;
 
text-align: left;
 +
}
 +
 +
/* Class HONY styling */
 +
 +
figure.hony { /* Styling for figures in hony class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
display: table; /* Required for text wrapping in caption */
 +
width: 380px; /* This can be any width, so long as it's narrower than any image */
 +
margin-top: 1em;
 +
margin-bottom: 1em;
 +
margin-left: 0px;
 +
margin-right: 0px;
 +
}
 +
 +
figcaption.hony { /* Styling for figure captions - class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
/* display: block; here to keep the caption underneath the figure */
 +
text-align: left;
 +
display: table-row; /* Required for text wrapping in caption */
 +
}
 +
 +
img.hony { /* Styling for figure captions - class */
 +
float: left;
 
}
 
}
  
Line 192: Line 171:
 
figure.regularInline { /* Styling for figures in regularInline class */
 
figure.regularInline { /* Styling for figures in regularInline class */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 +
display: table;
 
/* margin-top: 1em; removing this styling for now */
 
/* margin-top: 1em; removing this styling for now */
 
/* margin-bottom: 1em; removing this styling for now */
 
/* margin-bottom: 1em; removing this styling for now */
Line 202: Line 182:
 
display: block; /* here to keep the caption underneath the figure */
 
display: block; /* here to keep the caption underneath the figure */
 
text-align: center;
 
text-align: center;
 +
display: table-row;
 +
table-layout: fixed;
 +
caption-side: bottom;
 
}
 
}
  
Line 318: Line 301:
 
/* } */
 
/* } */
  
ul {
+
caption { /* styling for table captions */
font-family: Verdana, Geneva, sans-serif;
+
/* none yet */
list-style-type: circle;
+
}
+
 
+
ol {
+
font-family: Verdana, Geneva, sans-serif;
+
list-style-type: circle;
+
 
}
 
}
  
Line 338: Line 315:
 
display: block;
 
display: block;
 
/* width: 100%; */
 
/* width: 100%; */
 +
}
 +
 +
img, figcaption {
 +
display: table-row;
 
}
 
}
  
Line 345: Line 326:
 
color: #000000; /*black*/
 
color: #000000; /*black*/
 
text-align: left;
 
text-align: left;
display: table-caption;
+
display: table-row;
table-layout: auto;
+
table-layout: fixed;
 
caption-side: bottom;
 
caption-side: bottom;
 
background: #ffffff;
 
background: #ffffff;
 
padding: 0 5px 5px;
 
padding: 0 5px 5px;
 
width: 100%;
 
width: 100%;
 +
}
 +
 +
ul {
 +
font-family: Verdana, Geneva, sans-serif;
 +
list-style-type: circle;
 +
}
 +
 +
ol {
 +
font-family: Verdana, Geneva, sans-serif;
 +
list-style-type: circle;
 
}
 
}
  
Line 411: Line 402:
  
 
<div id="navigation">
 
<div id="navigation">
<a class="menuYouAreHere" href="https://2015.igem.org/Team:Macquarie_Australia">Home</a>
+
<a href="https://2015.igem.org/Team:Macquarie_Australia"><b>Home</b></a>
<a class="menuTheOthers" href="https://2015.igem.org/Team:Macquarie_Australia/ProjectOverview">Project</a>
+
<a href="https://2015.igem.org/Team:Macquarie_Australia/ProjectOverview">Project</a>
<a class="menuTheOthers" href="https://2015.igem.org/Team:Macquarie_Australia/Modeling">Modelling</a>
+
<a href="https://2015.igem.org/Team:Macquarie_Australia/Modeling">Modelling</a>
<a class="menuTheOthers" href="https://2015.igem.org/Team:Macquarie_Australia/PartsOverview">Parts</a>
+
<a href="https://2015.igem.org/Team:Macquarie_Australia/PartsOverview">Parts</a>
<a class="menuTheOthers" href="https://2015.igem.org/Team:Macquarie_Australia/Practices">Human Practices</a>
+
<a href="https://2015.igem.org/Team:Macquarie_Australia/Practices">Human Practices</a>
<a class="menuTheOthers" href="https://2015.igem.org/Team:Macquarie_Australia/Team">Team</a>
+
<a href="https://2015.igem.org/Team:Macquarie_Australia/Team">Team</a>
<a class="menuTheOthers" href="https://2015.igem.org/Team:Macquarie_Australia/Attributions">Attributions</a>
+
<a href="https://2015.igem.org/Team:Macquarie_Australia/Attributions">Attributions</a>
<a class="menuTheOthers" href="https://2015.igem.org/Team:Macquarie_Australia/Sitemap">Sitemap</a>
+
<a href="https://2015.igem.org/Team:Macquarie_Australia/Sitemap">Sitemap</a>
 
</div>
 
</div>
  
Line 445: Line 436:
  
 
<h4>Meet the Contestants</h4>
 
<h4>Meet the Contestants</h4>
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/d/df/MqAust_1_BiobrickBen8b.png" width="184px" alt="Biobrick Ben"><figcaption>Biobrick Ben</figcaption></figure>
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/d/df/MqAust_1_BiobrickBen8b.png" width="180px" alt="Biobrick Ben"><figcaption>Biobrick Ben</figcaption></figure>
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/9/95/MqAust_2_JimmyGelRunner9.png" width="184px" alt="Jimmy Gel Runner"><figcaption>Jimmy Gel Runner</figcaption></figure>
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/9/95/MqAust_2_JimmyGelRunner9.png" width="180px" alt="Jimmy Gel Runner"><figcaption>Jimmy Gel Runner</figcaption></figure>
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/0/0e/MqAust_3_LaurenTheLabMonkey7.png" width="184px" alt="Lauren The Lab Monkey"><figcaption>Lauren The Lab Monkey</figcaption></figure>
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/0/0e/MqAust_3_LaurenTheLabMonkey7.png" width="180px" alt="Lauren The Lab Monkey"><figcaption>Lauren The Lab Monkey</figcaption></figure>
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/2/20/MqAust_4_PascalThePromoter5.png" width="184px" alt="Pascal The Promoter"><figcaption>Pascal The Promoter</figcaption></figure>
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/2/20/MqAust_4_PascalThePromoter5.png" width="180px" alt="Pascal The Promoter"><figcaption>Pascal The Promoter</figcaption></figure>
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/3/33/MqAust_5_SamTheSolution4.png" width="184px" alt="Sam The Solution"><figcaption>Sam The Solution</figcaption></figure>
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/3/33/MqAust_5_SamTheSolution4.png" width="180px" alt="Sam The Solution"><figcaption>Sam The Solution</figcaption></figure>
  
 
<!-- this figure width needs to be smaller than the page container otherwise it pushes content out -->
 
<!-- this figure width needs to be smaller than the page container otherwise it pushes content out -->
Line 564: Line 555:
 
<br>
 
<br>
  
<figure class="regularInline"><img src="https://static.igem.org/mediawiki/2015/a/ab/MqAust_BurpeyHONY_v02.png" width="430px" alt="Burpey Hydrogen Hero">
+
<figure class="hony"><img src="https://static.igem.org/mediawiki/2015/a/ab/MqAust_BurpeyHONY_v02.png" width="400px" alt="Burpey Hydrogen Hero"><figcaption><b>Burpey:</b> The team refers to me as their Hydrogen Hero, aww shucks - I'm just trying to do my bit for the planet. What great weather today, lots of sunshine - my favourite. The colourful building behind me is our campus Library. This is a special building not only because it has <a href="https://www.mq.edu.au/business_and_community/property_and_facilities/esd_ecologically_sustainable_development/what_else_we_do/build/macquarie_university_library/" target="_blank">robots</a>but because it has a green roof to capture rainwater!</figcaption></figure>
<figcaption><b>Burpey:</b> The team refers to me as their Hydrogen Hero, aww shucks - I'm just trying to do my bit for the planet. What great weather today, lots of sunshine - my favourite. The colourful building behind me is our campus Library. This is a special building not only because it has <a class="regularHyperlink" href="https://www.mq.edu.au/business_and_community/property_and_facilities/esd_ecologically_sustainable_development/what_else_we_do/build/macquarie_university_library/" target="_blank">robots</a>but because it has a green roof to capture rainwater!</figcaption></figure>
+
<figure class="hony"><img src="https://static.igem.org/mediawiki/2015/a/ab/MqAust_BurpeyHONY_v02.png" width="400px" alt="Burpey Hydrogen Hero"><figcaption><b>Burpey:</b> The team refers to me as their Hydrogen Hero, aww shucks - I'm just trying to do my bit for the planet. What great weather today, lots of sunshine - my favourite. The colourful building behind me is our campus Library. This is a special building not only because it has <a href="https://www.mq.edu.au/business_and_community/property_and_facilities/esd_ecologically_sustainable_development/what_else_we_do/build/macquarie_university_library/" target="_blank">robots</a>but because it has a green roof to capture rainwater!</figcaption></figure>
  
<figure class="regularInline"><img src="https://static.igem.org/mediawiki/2015/a/ab/MqAust_BurpeyHONY_v02.png" width="430px" alt="Burpey Hydrogen Hero">
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/a/ab/MqAust_BurpeyHONY_v02.png" width="400px" alt="Sam The Solution"><figcaption>Hydrogen Hero</figcaption></figure>
<figcaption><b>Burpey:</b> The team refers to me as their Hydrogen Hero, aww shucks - I'm just trying to do my bit for the planet. What great weather today, lots of sunshine - my favourite. The colourful building behind me is our campus Library. This is a special building not only because it has <a class="regularHyperlink" href="https://www.mq.edu.au/business_and_community/property_and_facilities/esd_ecologically_sustainable_development/what_else_we_do/build/macquarie_university_library/" target="_blank">robots</a>but because it has a green roof to capture rainwater!</figcaption></figure>
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/a/ab/MqAust_BurpeyHONY_v02.png" width="400px" alt="Sam The Solution"><figcaption>Hydrogen Hero</figcaption></figure>
 +
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/a/ab/MqAust_BurpeyHONY_v02.png" width="400px" alt="Sam The Solution"><figcaption><b>Burpey:</b> The team refers to me as their Hydrogen Hero, aww shucks - I'm just trying to do my bit for the planet. What great weather today, lots of sunshine - my favourite. The colourful building behind me is our campus Library. This is a special building not only because it has <a href="https://www.mq.edu.au/business_and_community/property_and_facilities/esd_ecologically_sustainable_development/what_else_we_do/build/macquarie_university_library/" target="_blank">robots</a>but because it has a green roof to capture rainwater!</figcaption></figure>
 +
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/a/ab/MqAust_BurpeyHONY_v02.png" width="400px" alt="Sam The Solution"><figcaption>Hydrogen Hero</figcaption></figure>
  
 
<br>
 
<br>
 +
 +
<video width="427" height="240" controls>
 +
<source src="html://2015.igem.org/wiki/images/2/2a/Mq-Aust_PrototypeVideo.mp4" type="video/mp4">
 +
Your browser does not support the video tag.
 +
</video>
 +
 +
<video width="427" height="240" controls>
 +
<source src="https://static.igem.org/mediawiki/2015/9/9c/MqAust_So_You_Think_You_Can_Synthesise-trailer.mp4" type="video/mp4">
 +
Your browser does not support the video tag.
 +
</video>
  
 
<h2>Contact Us</h2>
 
<h2>Contact Us</h2>

Latest revision as of 11:15, 22 October 2015

MqAust Burpey v46-bubblePetri44 Summary03.png Tanya Test02

This is what Header 1 looks like

Paragraph text.

This is what Header 2 looks like

Paragraph text. Paragraph text. Paragraph text. This text should go all the way across the page and wrap around. This text should go all the way across the page and wrap around. This text should go all the way across the page and wrap around.

This is what Header 3 looks like

Some text.

This is what Header 4 looks like

Some text.

This is what Header 5 looks like

Some text.

This is what Header 6 looks like

Some text.

Photo of Shakeubator
Shakeubator
Gel image PCR Products 2 July 2015
Gel image PCR Products 2 July 2015

Meet the Contestants

Biobrick Ben
Biobrick Ben
Jimmy Gel Runner
Jimmy Gel Runner
Lauren The Lab Monkey
Lauren The Lab Monkey
Pascal The Promoter
Pascal The Promoter
Sam The Solution
Sam The Solution
So You Think You Can Synthesise logo wide
Location Local Time Time Zone UTC Offset
Sydney (Australia - New South Wales) Sunday, 9 August 2015 at 11:00:00 AM AEST UTC+10 hours
Boston (U.S.A. - Massachusetts) Saturday, 8 August 2015 at 9:00:00 PM EDT UTC-4 hours
Corresponding UTC (GMT) Sunday, 9 August 2015 at 01:00:00 - -

Name Comment Name Comment
Louise My vote is for Solar Synthesisers with 'Hydrogen-hero' as team mascot! Sarah Solar Synthesisers = best name! Wooooo
Emily Woooohhh go Lauren the Lab Monkey Tamara GREAT episode guys, My vote is for Solar Synthesisers! Who ever came up with that is a genius
Matthew Rosic Lauren was the best Donna Excellent
Megan chisholm Go Lauren John Smith SOLAR SYNTHESISERS!!
Jono Solar Synthesisers! Martin Brannan go Lauren
Anita My vote is for Solar Synthesisers! What a great name Emma Solar Synthesisers for the win! Loved the episode can't wait for episode 2
Tracy Great episode guys! What a huge effort, great work Team Macquarie! Good luck at the jamboree. Oh and my vote is for Solar synthesisers as the team name. A great name for a great team Tiffany My vote is for hydrogen hero being the mascot and Solar Synthesisers as the team name, It really sets the scene for your project!
Georgia Go with solar synthesisers, hydrogen hero's is a better mascot than name! Jason Solar Synthesisers FTW!
Caitlin SOLAR SYNTHESISERS FOR THE WIN! Jimmy Gel Runner you have my vote!! Samantha Can't wait for the next episode!
Julie Jimmy Gel Runner Your explanation was the best and what a fantastic name Solar Synthesisers! This team is going places Cameron Solar Synthesisers has it in the bag!


Burpey Hydrogen Hero
Burpey: The team refers to me as their Hydrogen Hero, aww shucks - I'm just trying to do my bit for the planet. What great weather today, lots of sunshine - my favourite. The colourful building behind me is our campus Library. This is a special building not only because it has robotsbut because it has a green roof to capture rainwater!
Burpey Hydrogen Hero
Burpey: The team refers to me as their Hydrogen Hero, aww shucks - I'm just trying to do my bit for the planet. What great weather today, lots of sunshine - my favourite. The colourful building behind me is our campus Library. This is a special building not only because it has robotsbut because it has a green roof to capture rainwater!
Sam The Solution
Hydrogen Hero
Sam The Solution
Hydrogen Hero
Sam The Solution
Burpey: The team refers to me as their Hydrogen Hero, aww shucks - I'm just trying to do my bit for the planet. What great weather today, lots of sunshine - my favourite. The colourful building behind me is our campus Library. This is a special building not only because it has robotsbut because it has a green roof to capture rainwater!
Sam The Solution
Hydrogen Hero

Contact Us

Macquarie_Australia 2015 iGEM team
Department of Chemistry and Biomolecular Sciences
Faculty of Science and Engineering
Macquarie University
North Ryde, NSW 2019, Australia

Email: MqAust.iGEM2015@gmail.com

Twitter: @MQ_AUST_iGEM

Facebook: Macquarie iGEM 2015