Team:Macquarie Australia

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Team:Macquarie_Australia/TopNavBar}}
-
 
+
-
 
+
<html>
<html>
-
<!--main content -->
+
<head>
-
<table width="70%" align="center">
+
<link href="https://2013.igem.org/Team:Macquarie_Australia/style/Home?action=raw&ctype=text/css" rel="stylesheet">
-
 
+
<script>
-
 
+
$(document).ready(function() {
-
<!--welcome box -->
+
//Display slider for Javascript users
-
<tr>
+
$('#Slider').css('display', 'block');
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
//Set height of slider (16/5 ratio)
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
$('#Slider').css('height', ($('body').width() / 3.2));
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
//Position right/left arrows
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Macquarie_Australia&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
-
</td>
+
$('#LeftBar, #RightBar').css('height', BarHeight);
-
</tr>
+
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Macquarie_Australia"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Macquarie_Australia/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Macquarie_Australia"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Macquarie_Australia/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Macquarie_Australia/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Macquarie_Australia/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Macquarie_Australia/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Macquarie_Australia/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Macquarie_Australia/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
 
+
-
<!--requirements section -->
+
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
 
+
-
<p> Please be sure to keep these links, your audience will want to find: </p>
+
-
 
+
-
<!-- Links to other team pages -->
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Macquarie_Australia">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Macquarie_Australia/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Macquarie_Australia">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Macquarie_Australia/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Macquarie_Australia/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Macquarie_Australia/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Macquarie_Australia/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Macquarie_Australia/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Macquarie_Australia/Attributions">Attributions</a> </li>
+
-
 
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td > </td>
+
-
<td width="45%">
+
-
 
+
-
<p>There are a few wiki requirements teams must follow:</p>
+
-
<ul>
+
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
 
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
 
+
-
 
+
-
<!--tips  -->
+
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
-
<tr>
+
//Repeats for window resize
-
<td width="45%" valign="top">
+
$(window).resize(function() {
-
<p>We are currently working on providing teams with some easy to use design templates.
+
$('#Slider').css('height', ($('body').width() / 3.2));
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
 +
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
 +
$('#LeftBar, #RightBar').css('height', BarHeight);
 +
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 +
});
 +
 +
var TotalSlides = $('.Slides').length;
 +
var CurrentSlide = 0;
-
<ul>
+
$('#RightArrow').click(function() {
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
CurrentSlide = ++CurrentSlide % TotalSlides;
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
changeSlide(CurrentSlide);
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
});
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
$('#LeftArrow').click(function() {
-
</ul>
+
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
$('.SlideLink').click(function() {
 +
var ClickedSlide = $(this).attr('id');
 +
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
function changeSlide(num){
 +
var SlideID = '#Slide' + num;
 +
$('.Slides').css('display', 'none');
 +
$(SlideID).css('display', 'block');
 +
}
 +
});
 +
</script>
 +
</head>
 +
<body>
 +
<section id="HomePageContent">
 +
<div id="Slider">
 +
<div id="Slide0" class="Slides current"></div>
 +
<div id="Slide1" class="Slides"></div>
 +
<div id="Slide2" class="Slides"></div>
 +
<div id="Slide3" class="Slides"></div>
 +
<div id="Slide4" class="Slides"></div>
 +
<div id="Slide5" class="Slides"></div>
 +
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
 +
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
 +
<ul id="BottomLinks">
 +
<li id="Link0" class="SlideLink">Intro</li><li id="Link1" class="SlideLink">Problem</li><li id="Link2" class="SlideLink">Situation</li><li id="Link3" class="SlideLink">Idea</li><li id="Link4" class="SlideLink">Solution</li><li id="Link5" class="SlideLink">Platform</li>
 +
</ul>
 +
</div>
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
 
-
</td>
 
-
<td> </td>
+
<section id="Overview">
-
<td width="45%">  
+
<h2>Our Project</h2>
 +
<p>
 +
Text1
 +
</p>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
<p>Text2</p>
-
<ul>
+
</section>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
<section id="SectionLinks">
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
<div class="Wrap">
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
<a href="Team:Macquarie_Australia/style/Home">
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
<div id="DescriptionLink1" class="DescriptionLink">
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
<h2>Text4</h2>
-
<li>Have lots of fun! </li>
+
<img src="https://static.igem.org/mediawiki/2013/a/ab/Mqbutton55.png">
-
</ul>
+
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-
</br>
+
</div>
-
</td>
+
</a>
-
</tr>
+
-
</table>
+
<a href="Team:Macquarie_Australia/style/Home">
 +
<div id="DescriptionLink2" class="DescriptionLink">
 +
<h2>Text5</h2>
 +
<img src="https://static.igem.org/mediawiki/2013/a/ab/Mqbutton55.png">
 +
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
</div>
 +
</a>
 +
<div style="clear:both;"></div>
 +
<a href="Team:Macquarie_Australia/style/Home">
 +
<div id="DescriptionLink3" class="DescriptionLink">
 +
<h2>Text6</h2>
 +
<img src="https://static.igem.org/mediawiki/2013/a/ab/Mqbutton55.png">
 +
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
</div>
 +
</a>
 +
 +
<a href="Team:Macquarie_Australia/style/Home">
 +
<div id="DescriptionLink4" class="DescriptionLink">
 +
<h2>Text7</h2>
 +
<img src="https://static.igem.org/mediawiki/2013/a/ab/Mqbutton55.png">
 +
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
</div>
 +
</a>
 +
</div>
 +
</section>
 +
 +
</section>
 +
</body>
 +
</html>

Revision as of 03:30, 14 August 2014

Our Project

Text1

Text2

Retrieved from "http://2014.igem.org/Team:Macquarie_Australia"