Team:INSA-Lyon

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html lang="fr">
 +
<head>
 +
<meta charset="utf-8">
 +
<title>Curly'on - IGEM 2014 INSA-LYON</title>
 +
<link rel="stylesheet" href="accueil.css" />
 +
<link rel="stylesheet" href="style.css" />
 +
 +
<!-- Auteur-->
 +
<meta name="author" content="potopov.fr" />
 +
<!-- Description de la page -->
 +
<meta name="description" content="" />
 +
<!-- Mots-clés de la page -->
 +
<meta name="keywords" content="" />
 +
</head>
-
<html>
+
<body>
-
<!--main content -->
+
<!-- ICI LE CODE DU MENU VERTICAL DE GAUCHE -->
-
<table width="70%" align="center">
+
<div id="menu">
 +
<ul id="menuul">
 +
<li class="menuulli">
 +
<a class="menuullia" href="index.html" id="link-home">
 +
<img src="img/picto/home.png" alt="home"/>
 +
</a>
 +
</li>
 +
<li class="menuulli">
 +
<a class="menuullia" href="project.html" id="link-project">
 +
<span>PROJECT</span>
 +
</a>
 +
<ul class="ssmenu" id="project">
 +
<a class="hu-icon" href="project.html" ><li class="iconmenu"><img src="img/picto/proj.png" alt="Picto project" /><br/>PROJECT</li></a>
 +
<a class="hi-icon" href="results.html"><li>RESULTS</li></a>
 +
<a class="hi-icon" href="biobricks.html"><li>BIOBRFICKS</li></a>
 +
<a class="hi-icon" href="device.html"><li>DEVICE</li></a>
 +
<a class="hi-icon" href="achievements.html"><li>ACHIEVEMENTS</li></a>
 +
<a class="hi-icon" href="future.html"><li>FUTURE WORK</li></a>
 +
</ul>
 +
</li>
 +
<li class="menuulli">
 +
<a class="menuullia" href="wetlab.html" id="link-wetlab">
 +
<span>WETLAB</span>
 +
</a>
 +
<ul class="ssmenu" id="wetlab">
 +
<a href="wetlab.html" class="hu-icon"><li class="iconmenu"><img src="img/picto/wet.png" alt="Picto Wetlab" /><br/>WETLAB</li></a>
 +
<a class="hi-icon" href="notebook.html"><li>NOTEBOOK</li></a>
 +
<a class="hi-icon" href="protocols.html"><li>PROTOCOLS</li></a>
 +
<a class="hi-icon" href="safety.html"><li>SAFETY FORM</li></a>
 +
<a class="hi-icon" href="bibliography.html"><li>BIBLIOGRAPHY</li></a>
 +
</ul>
 +
</li>
 +
<li class="menuulli">
 +
<a class="menuullia" href="modeling.html" id="link-modeling">
 +
<span>MODELING</span>
 +
</a>
 +
<ul class="ssmenu" id="modeling">
 +
<a href="modeling.html" class="hu-icon"><li class="iconmenu"><img src="img/picto/mod.png" alt="Picto modeling" /><br/>MODELING</li></a>
 +
<a class="hi-icon" href="whatis.html"><li>WHAT IS MODELING ?</li></a>
 +
<a class="hi-icon" href="molecular.html"><li>MOLECULAR MODELISATION</li></a>
 +
<a class="hi-icon" href="formation.html"><li>CURLI FORMATION</li></a>
 +
<a class="hi-icon" href="chelation.html"><li>NI CHELATION</li></a>
 +
</ul>
 +
</li>
-
<!--welcome box -->
+
<li class="menuulli">
-
<tr>
+
<a class="menuullia" href="human.html" id="link-human">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
<span>&nbsp;&nbsp;HUMAN PRACTICE</span>
-
<h1 >WELCOME TO iGEM INSA-LYON 2014 Team<br><br> and<br><br> the CurLy'On project! </h1>
+
</a>
-
<p>
+
<ul class="ssmenu" id="human">
-
<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>
+
<a href="human.html" class="hu-icon"><li class="iconmenu"><img src="img/picto/hum.png" alt="Picto Human practice" /><br/>HUMAN<br/>PRACTICE</li></a>
-
<br>
+
<a class="hi-icon" href="interest.html"><li>INTEREST OF THIS PROJECT</li></a>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:INSA-Lyon&action=edit"style="color:#FFFFFF"> Click here to edit this page!</a> </p>
+
<a class="hi-icon" href="perception.html"><li>PERCEPTION OF THE BIOLOGY</li></a>
-
</td>
+
<a class="hi-icon" href="newsletter.html"><li>NEWSLETTER</li></a>
-
</tr>
+
</ul>
 +
</li>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<li class="menuulli">
-
<!-- end welcome box -->
+
<a class="menuullia" href="team.html" id="link-team">
-
<tr>  
+
<span>TEAM</span>
 +
</a>
 +
<ul class="ssmenu" id="team">
 +
<a href="team.html" class="hu-icon"><li class="iconmenu"><img src="img/picto/team.png" alt="Picto team" /><br/>TEAM</li></a>
 +
<a class="hi-icon" href="insa.html"><li>INSA</li></a>
 +
<a class="hi-icon" href="sponsors.html"><li>SPONSORS</li></a>
 +
<a class="hi-icon" href="collaborations.html"><li>COLLABORATIONS</li></a>
 +
<a class="hi-icon" href="havefun.html"><li>HAVE FUN WITH IGEM</li></a>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
-
<!--navigation menu -->
+
<!-- FIN DU MENU -->
-
<td align="center" colspan="3">
+
-
<table  width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
 +
<!-- PAGE D'ACCUEIL -->
 +
<div id="accueil">
 +
<div id="igem">
 +
<img src="img/menu/insa.png" alt="INSA" /><img src="img/menu/igem.png" alt="IGEM" />
 +
</div>
 +
<h2>CURLY'ON</h2>
 +
<img src="img/traits.png" alt="Décoration liée au titre" />
 +
<div id="icones">
 +
<ul>
 +
<li class="icon"><a href="project.html" class="hu-icon"><img src="img/picto/proj.png" alt="Picto project" /><br/>PROJECT</a></li>
 +
<li class="icon"><a href="wetlab.html" class="hu-icon"><img src="img/picto/wet.png" alt="Picto Wetlab" /><br/>WETLAB</a></li>
 +
<li class="icon"><a href="modeling.html" class="hu-icon"><img src="img/picto/mod.png" alt="Picto modeling" /><br/>MODELING</a></li>
 +
<li class="icon"><a href="human.html" class="hu-icon"><img src="img/picto/hum.png" alt="Picto Human practice" /><br/>HUMAN<br/>PRACTICE</a></li>
 +
<li class="icon"><a href="team.html" class="hu-icon"><img src="img/picto/team.png" alt="Picto team" /><br/>TEAM</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<!-- FIN DE LA PAGE D'ACCEUIL -->
-
<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:INSA-Lyon"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>  
+
<!-- FOOTER -->
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Team"style="color:#000000"> Team </a> </td>
+
<div id="footer">
 +
<a href="https://www.facebook.com/insaadnconceptclub"><img id="fb" src="img/fb.png" alt="Notre page Facebook" /></a>
 +
<div id="contact">
 +
<h3>CONTACT US</h3>
 +
<div id="address1">
 +
<p>IGEM Insa - Institut Nationale des Sciences Appliquées<br/>
 +
25 rue de la Doua<br/>
 +
69000 - LYON<p>
 +
</div>
 +
<div id="address2">
 +
<p>Mail : igem@gmail.com<br/>
 +
Téléphone : 09.05.65.98.47<p>
 +
</div>
 +
</div>
 +
<div id="sponsors">
 +
<h3>OUR SPONSORS</h3>
 +
<img src="img/biomereux.png" alt="Biomérieux" />
 +
</div>
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div id="copyright">
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=INSA-Lyon"style="color:#000000"> Official Team Profile </a></td>
+
<p>Copyright (c) 2014 - igem.org - Alice Blot (potopov.fr) - All rights reserved</p>
 +
</div>
 +
</div>
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
<!-- FIN DU FOOTER -->
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Project"style="color:#000000"> Project</a></td>
+
-
 
+
</body>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</html>
-
<a href="https://2014.igem.org/Team:INSA-Lyon/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:INSA-Lyon/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:INSA-Lyon/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:INSA-Lyon/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:INSA-Lyon/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:INSA-Lyon">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:INSA-Lyon/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=INSA-Lyon">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:INSA-Lyon/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:INSA-Lyon/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:INSA-Lyon/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:INSA-Lyon/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:INSA-Lyon/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:INSA-Lyon/Attributions">Attributions</a> </li>
+
-
 
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td > </td>
+
-
<td width="45%">
+
-
 
+
-
<p>There are a few wiki requirements teams must follow:</p>
+
-
<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>
+
-
</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 10:36, 28 September 2014

Curly'on - IGEM 2014 INSA-LYON

Retrieved from "http://2014.igem.org/Team:INSA-Lyon"