Team:Edinburgh

From 2014.igem.org

(Difference between revisions)
(Undo revision 61350 by Samireland (talk))
(Undo revision 61348 by Samireland (talk))
Line 67: Line 67:
     </style>
     </style>
      
      
-
     <style>
+
     <!-- We are using the pure css framework, http://purecss.io/ -->
-
body {
+
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
-
background-image:url('edinburgh.jpg');
+
   
-
background-color:#cccccc;
+
-
font-family: Tahoma, "Sans-Serif";
+
-
}
+
-
#base {
+
    <!-- The Navbar menu thingy -->
-
margin: 50px auto 30px auto;
+
    <div class="pure-menu pure-menu-open pure-menu-horizontal">
-
width: 800px;
+
        <a class="pure-menu-heading" href="https://2014.igem.org/Main_Page">
-
background-color:#FFF;
+
            <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px">
-
}
+
        </a>
 +
       
 +
        <ul>
 +
            <li><a href="https://2014.igem.org/Team:Edinburgh">          Home            </a></li>
 +
            <li><a href="https://2014.igem.org/Team:Edinburgh/Team">      Team            </a></li>
 +
            <li><a href="https://igem.org/Team.cgi?year=2014&team_name=Edinburgh">Official Profile</a></li>
 +
            <li><a href="https://2014.igem.org/Team:Edinburgh/Project">  Project        </a></li>
 +
            <li><a href="https://2014.igem.org/Team:Edinburgh/Parts">    Parts          </a></li>
 +
            <li><a href="https://2014.igem.org/Team:Edinburgh/Modeling">  Modelling      </a></li>
 +
            <li><a href="https://2014.igem.org/Team:Edinburgh/Notebook">  Notebook        </a></li>
 +
            <li><a href="https://2014.igem.org/Team:Edinburgh/Safety">    Safety          </a></li>
 +
            <li><a href="https://2014.igem.org/Team:Edinburgh/Attributions">Attributions  </a></li>
 +
        </ul>
 +
    </div>
-
#nav {
+
   
-
text-align:center;
+
<!-- legacy main content -->
-
margin-top: 10px;
+
<table width="70%" align="center">
-
margin-bottom: 5px;
+
-
background-color:#3b6398;
+
-
}
+
-
#nav span {
 
-
padding-left: 1%;
 
-
padding-right: 1%;
 
-
padding-top: 5px;
 
-
padding-bottom: 5px;
 
-
margin: 0px 0px 0px 0px;
 
-
color: #FFF;
 
-
background-color: #3b6398;
 
-
}
 
-
#content, #footer {
+
<tr> <td colspan="3"  height="15px"> </td></tr>
-
margin: 10px 50px 10px 50px;
+
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
-
}
+
<tr> <td colspan="3"  height="5px"> </td></tr>
-
#content {
 
-
margin-top: 30px;
 
-
font-size: 80%
 
-
}
 
-
#footer img {
+
<!--requirements section -->
-
margin: 0px 10px 10px 10px;
+
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
-
}
+
<tr>
-
</style>
+
<td width="45%"  valign="top">  
-
<div id="base">
+
 
-
<div id="header">
+
<p> Please be sure to keep these links, your audience will want to find your: </p>
-
<img src="templogo.png">
+
 
-
</div>
+
<!-- Links to other team pages -->
-
<div id="nav">
+
<ul>
-
<span class="navlink">Home</span>
+
<li><a href="https://2014.igem.org/Team:Edinburgh">Home</a> </li>
-
<span class="navlink">Team</span>
+
<li><a href="https://2014.igem.org/Team:Edinburgh/Team">Team</a> </li>
-
<span class="navlink">Project</span>
+
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Edinburgh">Official Team Profile</a> </li>
-
<span class="navlink">Results</span>
+
<li><a href="https://2014.igem.org/Team:Edinburgh/Project">Project</a> </li>
-
<span class="navlink">Parts</span>
+
<li><a href="https://2014.igem.org/Team:Edinburgh/Parts">Parts</a> </li>
-
<span class="navlink">Modelling</span>
+
<li><a href="https://2014.igem.org/Team:Edinburgh/Modeling">Modeling</a> </li>
-
<span class="navlink">Notebook</span>
+
<li><a href="https://2014.igem.org/Team:Edinburgh/Notebook">Notebook</a> </li>
-
<span class="navlink">Human Practices</span>
+
<li><a href="https://2014.igem.org/Team:Edinburgh/Safety">Safety</a> </li>
-
<span class="navlink">Attributions</span>
+
<li><a href="https://2014.igem.org/Team:Edinburgh/Attributions">Attributions</a> </li>
-
</div>
+
 
-
<div id="content">
+
</ul>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
</td>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
<td > </td>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
<td width="45%">
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
<p>There are a few wiki requirements teams must follow:</p>
-
</div>
+
<ul>
-
<div id="footer">
+
<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>
-
<h3>Our sponsors</h3>
+
<li>All pages must be created under the team’s name space.</li>
-
<img src="sulsa.jpg" width="220" height="45">
+
<li>As part of your documentation, keep the links from the menu to the left. </li>
-
<img src="era.png" width="180" height="60">
+
<li>Do not use flash in wiki code. </li>
-
</div>
+
<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>
-
</div>
+
</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>

Revision as of 14:36, 7 August 2014

Requirements

Please be sure to keep these links, your audience will want to find your:

There are a few wiki requirements teams must follow:

  • All pages, images and files must be hosted on the 2014.igem.org server.
  • All pages must be created under the team’s name space.
  • As part of your documentation, keep the links from the menu to the left.
  • Do not use flash in wiki code.
  • The iGEM logo should be placed on the upper part of every page and should link to 2014.igem.org.

Visit the Wiki How To page for a complete list of requirements, tips and other useful information.

Tips

We are currently working on providing teams with some easy to use design templates.
In the meantime you can also view other team wikis for inspiration! Here are some very good examples

For a full wiki list, you can visit iGEM 2013 web sites and iGEM 2012 web sites lists.

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:

  • State your accomplishments! Tell people what you have achieved from the start.
  • Be clear about what you are doing and what you plan to do.
  • You have a global audience! Consider the different backgrounds that your users come from.
  • Make sure information is easy to find; nothing should be more than 3 clicks away.
  • Avoid using very small fonts and low contrast colors; information should be easy to read.
  • 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 iGEM 2013 calendar
  • Have lots of fun!