Team:Wageningen UR

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
{{CSS/Main}}
 
-
 
-
 
<html>
<html>
 +
<head>
 +
<title>Test Page</title>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
 +
<meta name="description" content="Test page for wiki"/>
 +
<meta name="author" content="Rik van Rosmalen"/>
 +
<style>
-
<!--main content -->
 
-
<table width="70%" align="center">
 
-
 
-
 
-
<!--welcome box -->
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
 
-
<h1 >WELCOME TO iGEM 2014! </h1>
 
-
<p>Your team has been approved and you are ready to start the iGEM season!
 
-
<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>
 
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Wageningen_UR&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
 
-
</td>
 
-
</tr>
 
-
 
-
<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:Wageningen_UR"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:Wageningen_UR/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=Wageningen_UR"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:Wageningen_UR/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:Wageningen_UR/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:Wageningen_UR/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:Wageningen_UR/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:Wageningen_UR/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:Wageningen_UR/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 your: </p>
 
-
 
-
<!-- Links to other team pages -->
 
-
<ul>
 
-
<li><a href="https://2014.igem.org/Team:Wageningen_UR">Home</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:Wageningen_UR/Team">Team</a> </li>
 
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Wageningen_UR">Official Team Profile</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:Wageningen_UR/Project">Project</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:Wageningen_UR/Parts">Parts</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:Wageningen_UR/Modeling">Modeling</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:Wageningen_UR/Notebook">Notebook</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:Wageningen_UR/Safety">Safety</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:Wageningen_UR/Attributions">Attributions</a> </li>
 
-
</ul>
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
/* Removes "teams" from the menubar */
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/* Resizes the menubar to fik the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}
 +
body {
 +
    margin: 10px 0 0 0;
 +
    padding: 0;}
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
#menubar {
 +
    font-size: 65%;
 +
    top: -14px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: white;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: white;}
 +
 +
/*Three Column layout with header and footer */
 +
* {/* For CSS Reset */
 +
padding: 0;
 +
margin: 0;
 +
}
 +
html {
 +
min-height: 100%;
 +
}
 +
body {
 +
font-family: Verdana, Geneva, sans-serif;
 +
min-width: 1000px;        /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
 +
}
 +
html, body {
 +
height: 100%;
 +
width: 100%;
 +
}
 +
#container{
 +
display:table;
 +
width: 100%;
 +
height: 100%;
 +
margin: -100px 0 -40px; /*negative header and footer height*/
 +
padding: 100px 0 40px; /*header and footer height*/
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
#container .column {
 +
display: table-cell;
 +
}
 +
#center {
 +
padding: 10px 20px;      /* CC padding */
 +
}
 +
#left {
 +
width: 200px;            /* LC width */
 +
padding: 0 10px;          /* LC padding */
 +
}
 +
#right {
 +
width: 200px;            /* RC width */
 +
padding: 0 10px;          /* RC padding */
 +
}
 +
#header{
 +
text-align:center;
 +
font-family: "Courier New", Courier, monospace;
 +
height: 100px; 
 +
}
 +
#footer {
 +
font-family:"Courier New", courier, monospace;
 +
font-size:80%;
 +
text-align:center;
 +
height: 40px;
 +
width: 100%;
 +
}
 +
/*** IE Fix ***/
 +
* html #left {
 +
left: 150px;              /* RC fullwidth */
 +
}
-
</td>
+
/* Menu - thanks to tutorial by Chris Spooner (http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu)*/
 +
.menu {
 +
margin: 10px auto;
 +
text-align: center;
 +
}
 +
.menu ul ul {
 +
display: none;
 +
}
 +
.menu ul li:hover > ul {
 +
display: block;
 +
}
 +
.menu ul {
 +
background: #efefef;
 +
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
 +
padding: 0 10px;
 +
border-radius: 10px; 
 +
list-style: none;
 +
position: relative;
 +
display: inline-table;
 +
}
 +
.menu ul:after {
 +
content: "";
 +
clear: both;
 +
display: block;
 +
}
 +
.menu ul li {
 +
float: left;
 +
}
 +
.menu ul li:hover {
 +
background: #cfcfcf;
 +
box-shadow: 0px 0px 10px rgba(0,0,0,0,0.15);
 +
}
 +
.menu ul li:hover a {
 +
color: #fff;
 +
}
 +
.menu ul li a {
 +
display: block;
 +
padding: 30px 15px; /*Menu padding between items*/
 +
color: #757575;
 +
text-decoration: none;
 +
}
 +
.menu ul ul {
 +
background: #cfcfcf; /*Dropdown background color*/
 +
box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
 +
border-radius: 0px;
 +
padding: 0;
 +
position: absolute;
 +
top: 100%;
 +
}
 +
.menu ul ul li:first-child {
 +
border-top: 1px solid #6b727c; /*First dropdown option needs a top border also*/
 +
}
 +
.menu ul ul li {
 +
float: none;
 +
/*border-top: 1px solid #6b727c; - Moved to first child of list so you won't get double lines */
 +
border-bottom: 1px solid #575f6a;
 +
position: relative;
 +
}
 +
.menu ul ul li a {
 +
padding: 15px 40px; color: #fff;
 +
}
 +
.menu ul ul li a:hover {
 +
background: #4b545f;
 +
}
 +
.menu ul ul ul {
 +
position: absolute; left: 100%; top:0;
 +
}
-
<td > </td>
+
#center h1{
-
<td width="45%">
+
padding: 10px
 +
}
 +
</style>
 +
</head>
-
<p>There are a few wiki requirements teams must follow:</p>
+
<body>
-
<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>
+
<div id="header">
-
</tr>
+
<h1>iGEM Wageningen UR 2014</h1>
 +
Wiki test page
 +
</div>
 +
<div id="container">
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<div id="left" class="column">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
 +
</div>
 +
       
 +
        <div id="center" class="column">
 +
<div class="menu">
 +
<ul>
 +
<li><a href="overview.html">Overview</a>
 +
<ul>
 +
<li><a href="background/background.html">Background</a></li>
 +
<li><a href="background/solution.html">Our Solution</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="projects.html">Projects</a>
 +
<ul>
 +
<li><a href="projects/toxin.html">Fungal Inhibition</a></li>
 +
<li><a href="projects/sensing.html">Sensing</a></li>
 +
<li><a href="projects/resistance.html">Resistance</a></li>
 +
<li><a href="projects/switch.html">Kill Switch</a></li>
 +
<li><a href="projects/horizontal.html">Horizontal Gene Transfer Prevention</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="test.html">Team</a>
 +
<ul>
 +
<li><a href="team/members.html">Members</a></li>
 +
<li><a href="team/acknowledgements.html">Acknowledgements</a></li>
 +
<li><a href="https://igem.org/Team.cgi?id=1493">Team page</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="safety.html">Safety</a>
 +
<ul>
 +
<li><a href="safety/food.html">Food Safety</a></li>
 +
<li><a href="safety/environment.html">Environment</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="journal.html">Lab Journal</a>
 +
<ul>
 +
<li><a href="journal/journal">Journal</a></li>
 +
<li><a href="journal/protocols">Protocols</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
<h1>Title</h1>
 +
<p>Text here...</p>
 +
</div>
-
<!--tips  -->
+
<div id="right" class="column">
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
-
<tr>
+
</div>
-
<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>
+
</div>
-
<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>
+
<div id="footer">
-
</td>
+
iGEM Wageningen UR 2014. Follow us on <a href="https://twitter.com/igemwageningen">Twitter</a> and <a href="https://www.facebook.com/iGEMWageningen">Facebook</a>!
 +
</div>
-
<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>
+
</body>
-
<ul>
+
</html>
-
<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 11:19, 22 May 2014

Test Page

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