|
|
Line 1: |
Line 1: |
- | {{CSS/Main}}
| |
- |
| |
- |
| |
| <html> | | <html> |
| + | <title>Bubble Test Page</title> |
| + | <head><style type="text/css"> |
| | | |
- | <!--main content -->
| + | 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; |
- | <table width="70%" align="center">
| + | -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); |
| + | } |
| + | |
| + | #intro {text-align:center; |
| + | font-size: 20px; |
| + | font-family: Calibri;} |
| + | |
| | | |
| + | #bubbleproject {position:absolute; |
| + | top:350px; |
| + | left:500px; |
| + | } |
| + | |
| | | |
- | <!--welcome box --> | + | <!-- left hand side of Project Bubble --> |
- | <tr>
| + | #bubbleparts {position:absolute; |
- | <td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor="Navy">
| + | top:400px; |
- | <h1 ><font color="White">WELCOME TO THE GLASGOW UNIVERSITY'S iGEM WIKI!</font> </h1>
| + | left:50px; |
- | <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, documenting our progress, introducing you all to our awesome <br>team members and sharing our iGEM experience with the entire world! </font></p>
| + | |
- | <br></p>
| + | #bubblemodelling {position:absolute; |
- | <br>
| + | top:400px; |
- | <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>
| + | left:125px; |
- | </td>
| + | } |
- | </tr> | + | |
| + | #bubblesafety {alignposition:center |
| + | position:absolute; |
| + | top:200px; |
| + | ; |
| + | } |
| + | <!-- right hand side of project bubble --> |
| | | |
- | <tr> <td colspan="3" height="5px"> </td></tr>
| + | |
- | <!-- end welcome box -->
| + | #bubblereport {position:absolute; |
- | <tr>
| + | top:700px; |
| + | left:700px; |
| + | } |
| + | #bubblehumanpractices {position:absolute; |
| + | top:400px; |
| + | right:250px;} |
| + | |
| + | #bubbleattributions {position:absolute; |
| + | top:300px; |
| + | right:50px} |
| | | |
- | <!--navigation menu --> | + | #bubbleteam {position:absolute; |
- | <td align="center" colspan="3"> | + | top:350px; |
| + | right:350px; |
| + | } |
| + | </style></head> |
| | | |
- | <table width="100%">
| |
- | <tr heigth="15px"></tr>
| |
- | <tr heigth="75px">
| |
| | | |
| + | <body> |
| | | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | <div> |
- | <a href="https://2014.igem.org/Team:Glasgow"style="color:#000000">Home </a> </td> | + | <img src="https://static.igem.org/mediawiki/2014/c/c0/GU_mainheader.png"/> |
| | | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | <div> |
- | <a href="https://2014.igem.org/Team:Glasgow/Team"style="color:#000000"> Team </a> </td> | + | <p id="intro"> Welcome to the Glasgow University's iGEM Wiki. Click on the bubbles to find out more about us and our project!</p> |
| + | </div> |
| | | |
- | <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> | + | <div id="bubbles"> |
- | <a href="https://2014.igem.org/Team:Glasgow/Modeling"style="color:#000000"> Modeling</a></td> | + | <a href="https://2014.igem.org/Team:Glasgow/Project" target="_blank"> |
| + | <img id="bubbleproject" src="https://static.igem.org/mediawiki/2014/1/1d/GU_projectbubble_big.png"/> |
| + | </a> |
| | | |
- | <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" target="_blank"> |
- | <a href="https://2014.igem.org/Team:Glasgow/Notebook"style="color:#000000"> Notebook</a></td> | + | <img id="bubbleparts" src="https://static.igem.org/mediawiki/2014/7/70/GU_biobrickbubble.png"/> |
| + | </a> |
| | | |
- | <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/Modeling" target="_blank"> |
- | <a href="https://2014.igem.org/Team:Glasgow/Safety"style=" color:#000000"> Safety </a></td> | + | <img id="bubblemodelling" src="https://static.igem.org/mediawiki/2014/4/47/GU_modellingbubble.png"/> |
| + | </a> |
| | | |
- | <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/Weekly_Report" target="_blank"> |
- | <a href="https://2014.igem.org/Team:Glasgow/Attributions"style="color:#000000"> Attributions </a></td> | + | <img id="bubblereport" src="https://static.igem.org/mediawiki/2014/3/3c/GU_reportbubble.png"/> |
| + | </a> |
| | | |
- | <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" target="_blank"> |
- | <a href="https://2014.igem.org/Team:Glasgow/Weekly_Report"style="color:#000000">Weekly Report </a></td> | + | <img id="bubbleteam" src="https://static.igem.org/mediawiki/2014/e/e3/GU_teambubble.png"/> |
| + | </a> |
| | | |
| + | <a href="https://2014.igem.org/Team:Glasgow/Safety" target="_blank"> |
| + | <img id="bubblesafety" src="https://static.igem.org/mediawiki/2014/1/19/GU_safetybubble.png"/> |
| | | |
- | <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/Human_Practices" target="_blank"> |
- | <a href="https://2014.igem.org/Team:Glasgow/Human Practices"style="color:#000000">Human Practices</a></td> | + | <img id="bubblehumanpractices" src="https://static.igem.org/mediawiki/2014/3/3c/GU_humanpracticesbubble.png"/> |
| | | |
- | <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>
| + | <a href="https://2014.igem.org/Team:Glasgow/Attributions" target="_blank"> |
- | </tr>
| + | <img id="bubbleattributions" src="https://static.igem.org/mediawiki/2014/e/e6/GU_attributionsbubble.png"/> |
- | </table>
| + | |
| | | |
- | <!--end navigation menu -->
| + | </div> |
- | </tr> | + | |
| | | |
| + | </body> |
| | | |
- | </tr> | + | </html> |
- |
| + | |
| | | |
- | | + | {{CSS/Main}} |
- | | + | |
- | | + | |
- | </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 your: </p>
| + | |
- | | + | |
- | <!-- Links to other team pages -->
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Glasgow">Home</a> </li>
| + | |
- | <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>
| + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <td > </td>
| + | |
- | <td width="45%">
| + | |
- | | + | |
- | <p>Our idea is to use bacteria to desalinate water - and be easy to remove afterwards. Here's how it will work:</p>
| + | |
- | <ul>
| + | |
- | <li> The bacteria will be present in the salt/brackish water.</li>
| + | |
- | <li>They will then take up the salt.</li>
| + | |
- | <li>Once they have enough salt, a recombinase switch will be flipped. This will turn on the production of Gas Vesicles.</li>
| + | |
- | <li> Gas vesicles are small, gas-filled structures that are produced by many species of cyano and halophillic bacteria. They reduce the density of the cell and enable it to float!</li>
| + | |
- | <li></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>
| + | |
- | <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>
| + | |
- | [[/Modeling]]
| + | |