Team:Gothenburg

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
<!-- <!doctype HTML> -->
-
 
+
-
{{Team:Gothenburg/UpperTemplate}}
+
<html>
<html>
<head>
<head>
<meta charset="utf-8" />
<meta charset="utf-8" />
 +
<title>TemplateUp</title>
 +
<style>
<style>
-
.content {
+
.firstHeading {
-
width: 960px;
+
display: none;
-
margin-left: auto;
+
}
-
margin-right: auto;
+
-
box-shadow: 15px 0px 9px -5px rgba(0,0,0,0.15), -15px 0px 9px -5px rgba(0,0,0,0.15);
+
nav {
-
}
+
width: 660px;
-
+
margin-left:auto;
-
#welcome {
+
margin-right:auto;
-
width: 100%;
+
display: block;
-
}
+
}
-
+
-
+
-
</style>
+
-
+
-
</head>
+
-
<body>
+
nav ul {
-
<div class="content"><!--main content -->
+
background: #808080;
 +
background: linear-gradient(top, #808080 0%, #f0f0f0 100%); 
 +
background: -moz-linear-gradient(top, #808080 0%, #f0f0f0 100%);
 +
background: -webkit-linear-gradient(top, #808080 0%, #f0f0f0 100%);
 +
*/ box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
 +
-webkit-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
padding: 0 10px;
 +
list-style: none;
 +
position: relative;
 +
display: block;
 +
margin-right: 0px;
 +
margin-left: 0px;
 +
}
-
<table>
+
nav ul ul {
 +
display: none;
 +
background: #e7e7e7;
 +
border-radius: 0;
 +
padding: 0;
 +
position: absolute;
 +
top: 100%;
 +
margin: 0;
 +
margin-top: -1px;
 +
}
-
<center>
+
nav ul li:hover > ul {
-
<b>Woopwoop!</b>
+
display: block;
-
<p><a href="https://2014.igem.org/Team:Gothenburg/SampleTemplate"/a> Template </a></p>
+
}
-
<p><a href="https://2014.igem.org/Team:Gothenburg/Calendar"/a> Calendar</a></p>
+
-
</center>
+
 +
nav ul li {
 +
float: left;
 +
}
-
<!--welcome box -->
+
nav ul li:hover {
-
<table id="welcome">
+
background: #e7e7e7;  
-
<tr>
+
background: linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%); 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
background: -moz-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);
-
<h1 >Welcome to the Wiki of Gothenburgs team for iGEM 2014! </h1>
+
background: -webkit-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);
-
<p>This whole page is under very experimental construction.
+
}
-
<br>In a not too distant future you will find here all the amazing things we've learned and achieved. </p>
+
-
<br>
+
-
<p style="color:#F0F0F0"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Gothenburg&action=edit"style="color:#FFFFFF"> Click here to edit the home page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
<!-- end welcome box -->
+
 +
.red:hover, .red:focus {
 +
background-color: #f3d3d3;
 +
background: linear-gradient(bottom, #f3d3d3 0%, #f33030 100%); 
 +
background: -moz-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%);
 +
background: -webkit-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%);
 +
}
 +
 +
.yellow:hover, .yellow:focus {
 +
background-color: #f3f3d3;
 +
background: linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%); 
 +
background: -moz-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%);
 +
background: -webkit-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%);
 +
}
 +
 +
.green:hover, .green:focus {
 +
background-color: #d3f3d3;
 +
background: linear-gradient(bottom, #d3f3d3 0%, #30f330 100%); 
 +
background: -moz-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%);
 +
background: -webkit-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%);
 +
}
 +
 +
.blue:hover, .blue:focus {
 +
background-color: #d3d3f3;
 +
background: linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%); 
 +
background: -moz-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%);
 +
background: -webkit-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%);
 +
}
 +
 +
.cyan:hover, .cyan:focus {
 +
background-color: #d3f3f3;
 +
background: linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%); 
 +
background: -moz-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%);
 +
background: -webkit-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%);
 +
}
 +
 +
.pink:hover, .pink:focus {
 +
background-color: #f3d3f3;
 +
background: linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%); 
 +
background: -moz-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%);
 +
background: -webkit-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%);
 +
}
 +
 +
nav ul li:hover a {
 +
color: #000000;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
nav ul li:first-child:hover {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
background-color: #e7e7e7;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
}
 +
nav ul li:last-child:hover {
 +
background-color: #e7e7e7;
 +
}
 +
 +
nav ul li a {
 +
display: block;
 +
padding: 15px 30px;
 +
color: #000000;
 +
text-decoration: none;
 +
}
 +
 +
nav ul li a:visited {
 +
text-decoration:none;
 +
color: #000000;
 +
}
-
<!--requirements section -->
+
nav ul ul li {
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
float: none;
-
<tr>
+
border-bottom: 1px solid #f0f0f0;
-
<td width="45%"  valign="top">
+
border-right: 1px solid #f0f0f0;
 +
border-left: 1px solid #f0f0f0;
 +
position: relative;
 +
}
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
nav ul ul li:first-child {
 +
border-top: 1px solid #f0f0f0;
 +
}
-
<!-- Links to other team pages -->
+
nav ul ul li a {
-
<ul>
+
padding: 15px 30px;
-
<li><a href="https://2014.igem.org/Team:Gothenburg">Home</a> </li>
+
color: #000000;
-
<li><a href="https://2014.igem.org/Team:Gothenburg/Team">Team</a> </li>
+
}
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Gothenburg">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Gothenburg/Project">Project</a> </li>
+
nav ul ul li a:visited {
-
<li><a href="https://2014.igem.org/Team:Gothenburg/Parts">Parts</a> </li>
+
text-decoration:none;
-
<li><a href="https://2014.igem.org/Team:Gothenburg/Modeling">Modeling</a> </li>
+
color: #000000;
-
<li><a href="https://2014.igem.org/Team:Gothenburg/Notebook">Notebook</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:Gothenburg/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Gothenburg/Attributions">Attributions</a> </li>
+
-
</ul>
+
nav ul ul li a:hover {
 +
background: #d3d3d3;
 +
}
 +
nav ul ul ul {
 +
position: absolute;
 +
left: 100%;
 +
top:0;
 +
}
-
</td>
+
nav ul:after {
 +
content: "";
 +
clear: both;
 +
display: block;
 +
}
 +
 +
#banner {
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 660px;
 +
display: block;
 +
}
 +
 +
#title {
 +
float: left;
 +
}
 +
 +
table, td, th {
 +
padding: 0px
 +
}
-
<td > </td>
+
</style>
-
<td width="45%">
+
</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>
+
<table id="banner">
-
</tr>
+
<tr>
 +
<td id="title">
 +
<img src="http://static.giantbomb.com/uploads/ignore_jpg_scale_super/0/7785/2159258-_insert_title_.png" width="540px" height="165px" />
 +
</td>
 +
<td>
 +
<table id="logos">
 +
<tr>
 +
<th>
 +
<a href="https://www.facebook.com/pages/iGEM-Team-Gothenburg-2014/614159082031604" target="_blank">
 +
<img src="https://scontent-a-ams.xx.fbcdn.net/hphotos-xaf1/t1.0-9/10492215_690566680990741_1563064325472748899_n.jpg" width="110px" height="120px" />
 +
</a>
 +
</th>
 +
 +
<tr>
 +
<td>
 +
<a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
 +
<img src="http://www.chalmers.se/_layouts/ChalmersPublicWeb/Images/chalmers-avancez.png" width="51px" height="46px" />
 +
</a>
 +
<a href="https://2014.igem.org/Main_Page" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" height="55px">
 +
</a>
 +
</td>
 +
</tr>
 +
</table>
 +
</td>
 +
</tr>
 +
</table>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<nav>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
<ul>
 +
<li>
 +
<a class="red" href="https://2014.igem.org/Team:Gothenburg/">Home</a>
 +
</li>
 +
<li><a class="yellow" href="https://2014.igem.org/Team:Gothenburg/Project/">Project</a>
 +
<ul>
 +
<li><a class="yellow" href="#">Overview</a></li>
 +
<li><a class="yellow" href="#">In Detail</a></li>
 +
<li><a class="yellow" href="#">Methods</a>
 +
<ul>
 +
<li><a class="yellow" href="#">Dry Work</a></li>
 +
<li><a class="yellow" href="#">Wet Work</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="green" href="https://2014.igem.org/Team:Gothenburg/Team/">Team</a>
 +
<ul>
 +
<li><a class="green" href="https://igem.org/Team.cgi?year=2014/" target="_blank">Official Team profile</a></li>
 +
<li><a class="green" href="#">Unofficial Team profile</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Notebook/">Notebook</a>
 +
<ul>
 +
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Modeling/">Modeling</a></li>
 +
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Safety/">Safety</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="blue" href="https://2014.igem.org/Team:Gothenburg/Parts/">Parts</a>
 +
<ul>
 +
<li><a class="blue" href="#">Part 1</a></li>
 +
<li><a class="blue" href="#">Part 2</a></li>
 +
<li><a class="blue" href="#">Part 3</a></li>
 +
<li><a class="blue" href="#">Part 4</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="pink" href="https://2014.igem.org/Team:Gothenburg/Attributions/">Attributions</a></li>
-
<!--tips  -->
+
</ul>
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
</nav>
-
 
+
-
<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>
+
-
</content>
 
</body>
</body>
 +
</html>

Revision as of 12:58, 28 July 2014

TemplateUp