Team:Glasgow

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
 
-
 
-
 
<html>
<html>
 +
<title>Bubble Test Page</title>
 +
<head><style type="text/css">
 +
/* Removing iGEM header stuff */
 +
body, html, #globalWrapper, #content {
 +
background: transparent;
 +
margin: 0;
 +
padding: 0;
 +
border: 0 none transparent;
 +
        font-family: sans-serif;
 +
font-size: 1em;
 +
width: auto;
 +
border-top: 1px solid transparent;
 +
margin-top: -1px;
 +
}
-
+
body {
-
<!--main content -->
+
width: auto;
-
<table width="70%" align="center" >
+
margin: 0 auto;
 +
position: relative;
 +
}
 +
#top-section {
 +
border: 0 none transparent;
 +
margin: 0;
 +
padding: 0;
 +
width: auto;
 +
height: 1.5em;
 +
margin-bottom: -1.5em;
 +
}
-
<!--welcome box -->
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#00008B>
 
-
<h1><font color = "White">WELCOME TO THE GLASGOW UNIVERSITY'S iGEM WIKI!</font> </h1>
 
-
<p><font color = "White">This page will is a work-in-progress, so please keep checking back for more updates!
 
-
<br>On this page, we will be explaining the motivations behind our project, introducing you all to our awesome <br>team members and sharing our iGEM experience with the entire world!</font> </p>
 
-
<br>
 
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
 
-
</td>
 
-
</tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
#top-section:hover #menubar * {
-
<!-- end welcome box -->
+
color: blue !important;
-
<tr>
+
}
-
<!--navigation menu -->
+
#top-section:hover #menubar.left-menu {
-
<td align="center" colspan="3">
+
background: rgba(255, 255, 255, 0.75) !important;
 +
}
 +
#search-controls{
 +
        height: 0px;
 +
        display: none !important;
 +
}
-
<table  width="100%">
+
#content>p:first-child {
-
<tr heigth="15px"></tr>
+
        margin: 0;
-
<tr heigth="75px">
+
        height: 0;
 +
        display: none;
 +
}
 +
.toc {
 +
        display: none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.editsection {
-
<a href="https://2014.igem.org/Team:Glasgow"style="color:#000000">Home </a> </td>
+
        display: none;
 +
}
-
<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:Glasgow/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=Glasgow"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:Glasgow/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:Glasgow/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>
+
/*** To here ***/
-
<a href="https://2014.igem.org/Team:Glasgow/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:Glasgow/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>
+
#linksbar {position:absolute;
-
<a href="https://2014.igem.org/Team:Glasgow/Safety"style=" color:#000000"> Safety </a></td>
+
left:500px;
 +
font-size:20px;
 +
padding: 5px;
 +
                        color:transparent;}
 +
.menuitems {border-right: 2px solid black;
 +
padding:5px;}
 +
 +
#igemlogo {width:30px;
 +
position:absolute;
 +
top:30px;
 +
left:1200px;}
 +
 +
.menulinks:link {text-decoration:none;
 +
color:Black;}
 +
.menulinks:visited {text-decoration:none;
 +
color:Black}
 +
.menulinks:hover {text-decoration:none;
 +
color:red;}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
body  {background:url("https://static.igem.org/mediawiki/2014/thumb/1/18/GU_Bubbly_background.jpg/800px-GU_Bubbly_background.jpg") no-repeat center center fixed;
-
<a href="https://2014.igem.org/Team:Glasgow/Attributions"style="color:#000000"> Attributions </a></td>
+
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover;;
 +
}
 +
 +
/*Makes increase/decrease in size smooth*/
 +
#bubbles img {
 +
transition:all 0.5s;
 +
}
 +
 +
/*Increases the size of the bubble on hover in all browsers*/
 +
#bubbles img:hover {
 +
-webkit-transform:scale(1.22);-moz-transform:scale(1.22); -o-transform:scale(1.22);transform:scale(1.22);
 +
}
 +
 +
#bubbleproject {
 +
position:absolute;
 +
top:250px;
 +
left:600px;}
 +
-
<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>
+
#bubbleteam {position:absolute;
-
</table>
+
top: 290px;
 +
left: 325px;
 +
}
 +
 +
#bubblemodelling {position:absolute;
 +
top:400px;
 +
left:450px}
 +
 +
#bubblehumanpractices {position:absolute;
 +
top:390px;
 +
left:800px;}
 +
 +
#bubbleparts {position:absolute;
 +
top:293px;
 +
left:925px}
-
<!--end navigation menu -->
+
-
</tr>
+
</style></head>
-
</tr>
+
<body>
-
+
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2014/c/c0/GU_mainheader.png"/>
 +
<table id="linksbar">
 +
<tr> <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow" class="menulinks">Home </a> </td>
 +
<td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Team" class="menulinks"> Team </a> </td>
 +
<td class="menuitems"><a href="https://igem.org/Team.cgi?year=2014&team_name=Glasgow" class="menulinks"> Official Team Profile </a></td>
 +
<td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Project" class="menulinks"> Project</a></td>
 +
<td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Parts" class="menulinks"> BioBricks</a></td>
 +
<td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Modeling" class="menulinks"> Modelling</a></td>
 +
<td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Weekly_Report" class="menulinks">Weekly Report</a></td>
 +
<td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Safety" class="menulinks"> Safety </a></td>
 +
<td><a href="https://2014.igem.org/Team:Glasgow/Attributions" class="menulinks"> Attributions </a></td>
 +
 +
</tr>
 +
</table>
-
</td>
+
<a href="https://2014.igem.org/Main_Page" id="igemlogo"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="150px"/></a>
 +
</div>
-
<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>
 
 +
<div id="bubbles">
 +
<a href="https://2014.igem.org/Team:Glasgow/Project" target="_blank" class="center">
 +
<img id="bubbleproject" src="https://static.igem.org/mediawiki/2014/1/1d/GU_projectbubble_big.png"/>
 +
</a>
-
<!--requirements section -->
+
<a href="https://2014.igem.org/Team:Glasgow/Parts" target="_blank">
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
<img id="bubbleparts" src="https://static.igem.org/mediawiki/2014/7/70/GU_biobrickbubble.png"/>
-
<tr>
+
</a>
-
<td width="45%" valign="top">  
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
<a href="https://2014.igem.org/Team:Glasgow/Modeling" target="_blank">
 +
<img id="bubblemodelling" src="https://static.igem.org/mediawiki/2014/4/47/GU_modellingbubble.png"/>
 +
</a>
-
<!-- Links to other team pages -->
+
<!--<a href="https://2014.igem.org/Team:Glasgow/Weekly_Report" target="_blank">
-
<ul>
+
<img id="bubblereport" src="https://static.igem.org/mediawiki/2014/3/3c/GU_reportbubble.png"/>
-
<li><a href="https://2014.igem.org/Team:Glasgow">Home</a> </li>
+
</a>-->
-
<li><a href="https://2014.igem.org/Team:Glasgow/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Glasgow">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Glasgow/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Glasgow/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Glasgow/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Glasgow/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Glasgow/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Glasgow/Attributions">Attributions</a> </li>
+
-
</ul>
+
<a href="https://2014.igem.org/Team:Glasgow/Team" target="_blank">
 +
<img id="bubbleteam" src="https://static.igem.org/mediawiki/2014/e/e3/GU_teambubble.png"/>
 +
</a>
-
</td>
 
-
<td > </td>
+
<a href="https://2014.igem.org/Team:Glasgow/Human_Practices" target="_blank">
-
<td width="45%">
+
<img id="bubblehumanpractices" src="https://static.igem.org/mediawiki/2014/3/3c/GU_humanpracticesbubble.png"/>
 +
</a>
-
<p>There are a few wiki requirements teams must follow:</p>
+
</div>
-
<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>
+
<a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit" >Click here to edit this page</a>
-
</tr>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
</body>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
 
+
</html>
-
<!--tips  -->
+
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
-
 
+
-
<tr>
+
-
<td width="45%" valign="top">
+
-
<p>We are currently working on providing teams with some easy to use design templates.
+
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
 
+
-
<ul>
+
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<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>
+
-
</ul>
+
-
 
+
-
<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>
+
-
<td width="45%">
+
-
 
+
-
<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>
+
-
 
+
-
<ul>
+
-
<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>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<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>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Revision as of 13:40, 16 July 2014

Bubble Test Page

Click here to edit this page