Team:Aachen/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html>
-
<html>
+
<!-- this section changes the default wiki template to a white full width background -->
-
<!--main content -->
+
<style type="text/css">
-
<table width="70%" align="center">
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
</style>
 +
<!--  here ends the section that changes the default wiki template to a white full width background -->
 +
 +
 +
<!-- beginning of your page -->
 +
 +
<div id="contentcontainer">
 +
 +
 +
<!-- this table contains the navigation bar -->
 +
<table  width="975px" align="center">
 +
<tr> <td colspan="10" heigth="155px"> </td></tr>
-
<!--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>
<br>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Aachen/Team&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>  
<tr>  
 +
<!--
 +
**************Navigation bar**************
 +
Each cell represents a button,
 +
1.-  first row defines the borders outside each box, how the text is aligned and the height
 +
2.- second row defines the color, here you can change the color by modifying the hex code
 +
3.- third row is where you place the link to where you want that button to take you
 +
4.- fourth row you define the color of the text inside the button and the content of it
 +
-->
-
<!--navigation menu -->
 
-
<td align="center" colspan="3">
 
-
<table  width="100%">
+
<td style="border:1px solid black;" align="center" height ="45px"  
-
<tr heigth="15px"></tr>
+
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
-
<tr heigth="75px">  
+
<a href="https://2014.igem.org/WikitemplateA_home"
 +
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/WikitemplateA_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>
+
<td style="border:1px solid black;" align="center" height ="45px"
-
<a href="https://2014.igem.org/Team:Aachen"style="color:#000000">Home </a> </td>
+
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
 +
<a href=""
 +
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>  
+
<td style="border:1px solid black" align="center" height ="45px"  
-
<a href="https://2014.igem.org/Team:Aachen/Team"style="color:#000000"> Team </a> </td>
+
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 +
<a href="https://2014.igem.org/WikitemplateA_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>  
+
<td style="border:1px solid black;" align="center"  height ="45px"  
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Aachen"style="color:#000000"> Official Team Profile </a></td>
+
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
 +
<a href="https://2014.igem.org/WikitemplateA_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>
+
<td style="border:1px solid black;" align="center" height ="45px"  
-
<a href="https://2014.igem.org/Team:Aachen/Project"style="color:#000000"> Project</a></td>
+
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
 +
<a href=""
 +
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>  
+
<td style="border:1px solid black;" align="center" height ="45px"  
-
<a href="https://2014.igem.org/Team:Aachen/Parts"style="color:#000000"> Parts</a></td>
+
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 +
<a href=""
 +
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>  
+
<td style="border:1px solid black;" align="center" height ="45px"  
-
<a href="https://2014.igem.org/Team:Aachen/Modeling"style="color:#000000"> Modeling</a></td>
+
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
 +
<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>
+
<td style="border:1px solid black;" align="center" height ="45px"  
-
<a href="https://2014.igem.org/Team:Aachen/Notebook"style="color:#000000"> Notebook</a></td>
+
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
 +
<a href=""
 +
style="color:#000000"> Attributions </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:Aachen/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>  
+
<!-- this is the iGEM logo! it will take to igem.org -->
-
<a href="https://2014.igem.org/Team:Aachen/Attributions"style="color:#000000"> Attributions </a></td>
+
<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> <td colspan="10" heigth="45px"> </td></tr>
 +
</table>
-
<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>
+
<!-- end of navigation bar -->
 +
 
 +
 
 +
<!-- Page content begins -->
 +
<!-- Team introduction, here you can tell us about your school and your city!  -->
 +
<table width="975px" align="center">
 +
<tr ><td coslpan="2" height="35px"></td></tr>
 +
<tr>
 +
 
 +
<td width="35%" valign="top">
 +
<h3>Team information coming soon! </h3>
 +
<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. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. </p>
 +
 
 +
<!-- This will link to students, instructors and advisors galleries inside your page-->
 +
<table width="100%" align="center">
 +
<tr ><td coslpan="3" height="35px"></td></tr>
 +
 
 +
<tr>
 +
<td style="border:1px solid black;" align="center" width="33%" height ="35px"
 +
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 +
<a href="#studentsgallery"
 +
style="color:#000000">Students </a> </td>
 +
 
 +
<td style="border:1px solid black;" align="center" width="33%" height ="35px"
 +
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 +
<a href="#instructorgallery"
 +
style="color:#000000">Instructors </a> </td>
 +
 
 +
<td style="border:1px solid black;" align="center"  width="33%" height ="35px"
 +
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 +
<a href="#advisorgallery"
 +
style="color:#000000">Advisors </a> </td>
</tr>
</tr>
</table>
</table>
-
<!--end navigation menu -->
+
 
-
</tr>
+
-
</tr>
+
</td>
</td>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<td width="5%" > </td>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<tr><td > <h3> Team Information</h3></td>
+
 
-
<td ></td >
+
<!-- Here you can place and image of your team -->
-
<td > <h3> Upload pictures of your team!</h3></td>
+
<td width="60%" > <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="600px" height="300px"></td>
 +
 
 +
 
 +
 
 +
<tr ><td coslpan="2" height="35px"></td></tr>
</tr>
</tr>
-
<tr>
+
</table>
-
<td width="45%"  valign="top">
+
-
<p>
+
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
-
<p>
+
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
-
</ul>
 
-
</td>
+
<!-- team member gallery -->
-
<td></td>
+
<table width="975px" align="center">
-
<td width="45%" valign="top">  
+
<tr ><td coslpan="7" height="20px"></td></tr>
-
<p> We provide a server where you can upload images for your wiki!</p>
+
 
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
<!-- copy from here for another row of team members-->
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px"> </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px"> </a>
+
 
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px"> </a>
+
<tr ><td coslpan="7" height="20px"> <h3 id="studentgallery"> Students</h3></td></tr>
-
<br>
+
 
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
<tr align="center">   <!-- here you can add the photos from your team members-->
 +
<td width="20%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
 +
<td width="5%"> </td>
 +
<td width="20%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
 +
<td width="5%"> </td>
 +
<td width="20%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
 +
<td width="5%"> </td>
 +
<td width="20%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
</td>
</td>
 +
</tr>
 +
 +
<!-- here you can write about each team member's interests -->
 +
<tr ><td coslpan="7" height="10px"></td></tr>
 +
<tr >
 +
 +
<td width="20%"><p> Team Member Profile<br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
 +
<td width="5%"> </td>
 +
<td width="20%"><p>Team Member Profile<br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
 +
<td width="5%"> </td>
 +
<td width="20%"><p>Team Member Profile<br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
 +
<td width="5%"> </td>
 +
<td width="20%"><p>Team Member Profile <br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
</tr>
</tr>
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
<!-- copy up to here for another row team members-->
-
<td ></td >
+
 
-
<td > </td>
+
</table>
 +
 
 +
<!-- end of team member gallery -->
 +
 +
 
 +
<!--  team instructors gallery -->
 +
<table width="975px" align="center">
 +
 
 +
 
 +
<tr ><td coslpan="5" height="20px"></td></tr>
 +
<tr ><td coslpan="5" height="20px"> <h3 id="instructorgallery"> Instructors</h3></td></tr>
 +
 
 +
<!-- copy from here for another row of instructors-->
 +
 
 +
<!-- here you can add the photos of your instructors-->
 +
<tr align="center">
 +
<td width="30%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
 +
<td width="5%"> </td>
 +
<td width="30%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
 +
<td width="5%"> </td>
 +
<td width="30%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
 +
 
 +
</td>
</tr>
</tr>
 +
<tr ><td coslpan="5" height="10px"></td></tr>
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>What should this page contain?</p>
 
-
<ul>
 
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
 
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
 
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
 
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
 
-
</ul>
 
 +
<!-- here you can write about your instructors -->
 +
<tr>
 +
<td width="30%"><p> Instructor Profile <br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
 +
<td width="5%"> </td>
 +
<td width="30%"><p>  Instructor Profile<br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
 +
<td width="5%"> </td>
 +
<td width="30%"><p>  Instructor Profile <br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
 +
 +
 +
</tr>
 +
 +
<!-- copy up to here for another row of instructors-->
 +
</table>
 +
 +
<!-- end of instructors gallery -->
 +
 +
 +
 +
<!-- advisors gallery -->
 +
<table width="975px" align="center">
 +
<tr ><td coslpan="7" height="20px"> <h3 id="advisorgallery"> Advisors </h3></td></tr>
 +
 +
<!-- copy from to here for another row of advisors-->
 +
 +
<!-- here you can add the photos of your advisors-->
 +
<tr align="center"> 
 +
<td width="20%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
 +
<td width="5%"> </td>
 +
<td width="20%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
 +
<td width="5%"> </td>
 +
<td width="20%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
 +
<td width="5%"> </td>
 +
<td width="20%"> <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"> </td>
</td>
</td>
 +
</tr>
-
<td></td>
+
 
-
<td width="45%" valign="top"> </td>
+
<!-- here you can write about your advisors -->
 +
<tr ><td coslpan="7" height="10px"></td></tr>
 +
<tr >
 +
 
 +
<td width="20%"><p> Advisor Profile<br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
 +
<td width="5%"> </td>
 +
<td width="20%"><p>Advisor Profile<br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
 +
<td width="5%"> </td>
 +
<td width="20%"><p>Advisor Profile <br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
 +
<td width="5%"> </td>
 +
<td width="20%"><p> Advisor Profile <br> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. </p></td>
</tr>
</tr>
 +
<!-- copy up to here for another row of advisors-->
</table>
</table>
 +
 +
<!-- end of advisors gallery -->
 +
 +
</div>
</html>
</html>

Revision as of 14:29, 1 May 2014


Home Team Official Team Profile Project Parts Modeling Notebook Safety Attributions

Team information coming soon!

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. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos.

Students Instructors Advisors

Students

Team Member Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Team Member Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Team Member Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Team Member Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Instructors

Instructor Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Instructor Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Instructor Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Advisors

Advisor Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Advisor Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Advisor Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.

Advisor Profile
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.