Team:Tufts

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
 +
 +
<!-- this section changes the default wiki template to a  
<!-- this section changes the default wiki template to a  
Line 30: Line 33:
height: 100%;
height: 100%;
border: 0px;
border: 0px;
-
background-color: #522C1B;
+
background-color: 522C1B;
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
Line 40: Line 43:
width: 100%;  
width: 100%;  
height: 100%;  
height: 100%;  
-
background-color: transparent;
+
background-color: 522C1B;
}
}
</style>
</style>
<!--  here ends the section that changes the default wiki  
<!--  here ends the section that changes the default wiki  
 +
template to a white full width background -->
 +
<!-- beginning of your page -->
-
<!--  here ends the section that changes the default wiki template to a white full width background -->
+
<div id="contentcontainer">
-
<!-- beginning of your page -->
+
<!-- this table contains the navigation bar -->
 +
<table  width="975px" align="center">
 +
<tr> <td colspan="10" heigth="155px"> </td></tr>
-
<!-- menu -->
+
<br>
-
<table id="menu" width="100%"  cellspacing="0" height="135px">
+
-
<tr>
+
-
<td  bgColor="#FFFFFF"></td>
+
-
<td valign="bottom"  width="975px" align="center" bgColor="#FFFFFF">
+
-
<table align="center">
+
<tr>  
-
<tr height="50px">
+
<!--
-
<td width="162px" align="center" onMouseOver="this.bgColor='#6699CC'" onMouseOut="this.bgColor='#FFFFFF'" bgColor=#FFFFFF>
+
**************Navigation bar**************
-
<a href="https://2014.igem.org/WikitemplateB_home"style="text-decoration:none;color:#1C140D">HOME </a> </td>
+
Each cell represents a button,
 +
1.- first row defines the borders outside each box, how the
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
text is aligned and the height
-
<a href="https://2014.igem.org/WikitemplateB_project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td>
+
2.- second row defines the color, here you can change the
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
color by modifying the hex code
-
<a href="" style="text-decoration:none;color:#1C140D">PARTS</a></td>
+
3.- third row is where you place the link to where you want
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
that button to take you
-
<a href="" style="text-decoration:none;color:#1C140D">TEAM </a> </td>
+
4.- fourth row you define the color of the text inside the
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
+
button and the content of it
-
<a href="" style="text-decoration:none;color:#1C140D">NOTEBOOK </a> </td>
+
-->
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
 
-
<a href="" style="text-decoration:none;color:#1C140D">SAFETY </a></td>
 
-
</tr>
 
-
<tr> <td colspan="5"></td>
+
<td style="border:1px solid black;" align="center" height
-
<td align="center" width="162px"><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a></td>
+
-
<td align="center" width="162px"><img src="https://static.igem.org/mediawiki/2014/0/06/EPFL_logo.jpg" width="55px"></td>
+
-
</tr>
+
-
</table>
+
-
</td>
+
="45px"
-
<td  bgColor="#FFFFFF"></td>
+
onMouseOver="this.bgColor='#d3d3d3'"  
-
</tr>
+
-
</table>
+
-
<!-- end of menu -->
+
 +
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 +
<a href="https://2014.igem.org/WikitemplateA_home"
 +
style="color:#000000">Home </a> </td>
-
<!-- First block of content -->
+
<td style="border:1px solid black;" align="center" height
-
<table  id="firstblock" width="100%"  cellspacing="0" height="500px">
+
-
<tr>
+
-
<td bgColor="#FFFFFF"></td>
+
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
-
<!-- You can replace this image with your team's logo! -->
+
="45px"
-
<img src="https://static.igem.org/mediawiki/2014/0/06/BioPad.png" width="500px">
+
onMouseOver="this.bgColor='#d3d3d3'"  
-
<h3>Welcome!  <br> We are Team EPFL! </h3>
+
-
<p>Scroll down to find more about our project! </p>
+
-
</td>
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<td bgColor="#FFFFFF"></td>
+
<a href="https://2014.igem.org/WikitemplateA_team"
-
</tr>
+
style="color:#000000"> Team </a> </td>
-
</table>
+
-
<!-- end of first block -->
+
 +
<td style="border:1px solid black;" align="center"  height
 +
="45px" 
 +
onMouseOver="this.bgColor='#d3d3d3'"
-
<!--  Block of content 1 -->
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<table width="100%"  cellspacing="0" height="500px">
+
<a href=""
-
<tr><td  bgColor="#FEE5AD"></td>
+
style="color:#000000"> Official Team Profile </a></td>
-
<td width="975px" align="center" bgColor="#FEE5AD" >
+
-
<table  width="975px"  cellspacing="0" height="500px">
+
-
<tr>
+
-
<td width="95%" bgColor="#FEE5AD"  rowspan="3" align="center">
+
<td style="border:1px solid black" align="center" height
-
<!-- Content goes here -->
+
="45px"
-
<img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png">
+
onMouseOver="this.bgColor='#d3d3d3'"  
-
<h3>What is your project about?</h3>
+
-
<p>Here you can explain your project in a short sentence or paragraph!</p>
+
-
<p>For example: Our team designed a biosensor to detect a certain chemical in water</p>
+
-
</td> 
+
 +
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 +
<a href="https://2014.igem.org/WikitemplateA_project"
 +
style="color:#000000"> Project</a></td>
-
<!-- This is the back to top button -->
+
<td style="border:1px solid black;" align="center" height
-
<td bgColor=#FEE5AD> </td>
+
-
<tr><td bgColor=#FEE5AD></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
</table>
+
 +
="45px"
 +
onMouseOver="this.bgColor='#d3d3d3'"
-
</td>
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<td bgColor="#FEE5AD"></td>
+
<a href="https://2014.igem.org/WikitemplateA_parts"
-
</tr>
+
style="color:#000000"> Parts</a></td>
-
</table>
+
-
<!-- end of Block-->
+
 +
<td style="border:1px solid black;" align="center" height
 +
="45px"
 +
onMouseOver="this.bgColor='#d3d3d3'"
-
<!--  Block of content 2 -->
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<table width="100%"  cellspacing="0" height="500px">
+
<a href=""
-
<tr>
+
style="color:#000000"> Modeling</a></td>
-
<td  bgColor="#FACA66"></td>
+
-
<td width="975px" align="center" bgColor="#FACA66" >
+
-
<table  width="975px"  cellspacing="0" height="500px">
+
<td style="border:1px solid black;" align="center" height
-
<tr>
+
-
<td width="95%" bgColor="#FACA66"  rowspan="3" align="center">
+
-
<!-- Content goes here -->
+
="45px"
-
<img src="https://static.igem.org/mediawiki/2014/b/b5/Dnastrand3.png">
+
onMouseOver="this.bgColor='#d3d3d3'"  
-
<h3> How does your project work?</h3>
+
-
<p> Here you can explain briefly how your project works. And add a link to your project page.</p>
+
-
</td>
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 +
<a href=""
 +
style="color:#000000"> Notebook</a></td>
 +
<td style="border:1px solid black;" align="center"  height
-
<!-- This is the back to top section -->
+
="45px"  
-
<td bgColor=#FACA66> </td>
+
onMouseOver="this.bgColor='#d3d3d3'"  
-
<tr><td bgColor=#FACA66></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
</table>
+
-
</td>
+
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
-
<td bgColor="#FACA66"></td>
+
<a href=""
 +
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=""
 +
style="color:#000000"> Attributions </a></td>
 +
 
 +
 
 +
<!-- this is the iGEM logo! it will take to igem.org -->
 +
<td align ="center"> <a href="https://igem.org/Main_Page">
 +
 
 +
<img
 +
 
 +
src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"
 +
 
 +
width="55px"></a> </td>
</tr>
</tr>
 +
 +
<tr> <td colspan="10" heigth="45px"> </td></tr>
</table>
</table>
-
<!-- end of Block-->
 
 +
<!-- end of navigation bar -->
-
<!--  Block of content 3 -->
 
-
<table width="100%"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td  bgColor="#F7A541"></td>
 
-
<td width="975px" align="center" bgColor="#F7A541" >
 
-
<table width="975px" cellspacing="0" height="500px">
+
 
 +
<!-- page content begins-->
 +
 
 +
<table width="975px" align="center">
 +
<tr ><td coslpan="2" height="35px"></td></tr>
<tr>
<tr>
-
<td width="95%" bgColor="#F7A541"  rowspan="3" align="center">
 
-
<!-- Content goes here -->
+
<td width="35%" valign="top">
 +
<h3>Welcome ! </h3>
 +
<p>
 +
This is a basic template you may use to customize your wiki,
-
<img src="https://static.igem.org/mediawiki/2014/7/7d/Gears.png">
+
you can take it apart and modify it as much as you want. The
-
<h3> Who will your project help?</h3>
+
-
<p> Tell your audience how your project will help the environment, science, medicine or everything else.</p>
+
-
</td> 
+
 +
links and tabs provided here are basic suggestions, feel free
-
<!-- This is the back to top section -->
+
to adapt it for your team and your project. </p>
-
<td bgColor=#F7A541> </td>
+
<p>
-
<tr><td bgColor=#F7A541></td></tr>
+
If you are looking for general wiki guidelines,
-
<tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
</table>
+
restrictions, design tips and more, visit the <br><a
 +
 
 +
href="https://2014.igem.org/Wiki_How-To"> Wiki How-To
 +
 
 +
Page</a></p>
 +
</p>
</td>
</td>
-
<td bgColor="#F7A541"></td>
+
 
 +
<td width="5%" > </td>
 +
 
 +
 
 +
<!-- here you can place an image related to your project or
 +
 
 +
your logo! -->
 +
<td width="60%" > <img
 +
 
 +
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 +
 
 +
ge.jpg" width="600px" height="300px"></td>
 +
 
 +
 
 +
 
 +
<tr ><td coslpan="2" height="35px"></td></tr>
</tr>
</tr>
</table>
</table>
-
<!-- end of Block-->
 
-
<!--  Block of content 4 -->
 
-
<table width="100%"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td  bgColor="#F45D4C"></td>
 
-
<td width="975px" align="center" bgColor="#F45D4C" >
 
-
<table width="975px" cellspacing="0" height="500px">
+
 
 +
<!-- 3 columns content
 +
this area is divided intro 3 columns, you can add more
 +
 
 +
information about your team, project, city or mention your
 +
 
 +
sponsors! -->
 +
<table width="975px" align="center">
 +
 
 +
 
<tr>
<tr>
-
<td width="95%" bgColor="#F45D4C"  rowspan="3" align="center">  
+
<!-- first column -->
-
<!-- Content goes here -->
+
<td width="30%">
 +
<!-- you can have an image related to your paragraph -->
 +
<img
-
<img src="https://static.igem.org/mediawiki/2014/c/ce/Dnastrand2.png">
+
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
-
<h3>Why did you choose this project?</h3>
+
-
<p> What motivated you to work on this project? Tell us what inspires you.</p>
+
-
</td>
+
ge.jpg" width="300px" height="200px">
 +
<h4> Results</h4>
 +
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii
 +
accumsan euripidis in, eum liber
 +
hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit
-
<!-- This is the back to top section -->
+
ridens inciderint id. </p>
-
<td bgColor=#F45D4C> </td>
+
-
<tr><td bgColor=#F45D4C ></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
</table>
 
</td>
</td>
-
<td bgColor="#F45D4C"></td>
 
-
</tr>
 
-
</table>
 
-
<!-- end of Block-->
 
 +
<td width="5%"></td>
-
<!-- Final block of content -->
+
<!-- second column -->
-
<table  id="firstblock" width="100%"  cellspacing="0" height="200px">
+
<td width="30%">
-
<tr>
+
<img
-
<td  bgColor="#FFFFFF"></td>
+
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
-
<p>Here you can place the logos of your sponsors or other links!</p>
+
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 +
ge.jpg" width="300px" height="200px">
 +
<h4>Human Practice</h4>
 +
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii
 +
 +
accumsan euripidis in,
 +
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo
 +
 +
dicit ridens inciderint id. </p>
 +
</td>
 +
<td width="5%"></td>
 +
 +
 +
<!-- third column -->
 +
<td width="30%">
 +
<img
 +
 +
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 +
 +
ge.jpg" width="300px" height="200px">
 +
<h4>Follow us on Twitter/Facebook!</h4>
 +
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii
 +
 +
accumsan euripidis in,
 +
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur,
 +
 +
quo dicit ridens inciderint id. </p>
</td>
</td>
-
<td bgColor="#FFFFFF"></td>
 
</tr>
</tr>
 +
 +
</table>
</table>
-
<!-- end of final block -->
+
<!-- end of 3 column content -->
 +
 +
 +
</div>
</html>
</html>
 +
 +
<!-- end of page -->

Revision as of 22:31, 28 July 2014


Home Team Official Team Profile Project Parts Modeling Notebook Safety Attributions

Welcome !

This is a basic template you may use to customize your wiki, you can take it apart and modify it as much as you want. The links and tabs provided here are basic suggestions, feel free to adapt it for your team and your project.

If you are looking for general wiki guidelines, restrictions, design tips and more, visit the
Wiki How-To Page

Results

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.

Human Practice

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.

Follow us on Twitter/Facebook!

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.


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