|
|
(50 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{CSS/Main}} | + | {{Http://2014.igem.org/Team:ULB-Brussels/Template}} |
| | | |
| + | <!-- /** Design for https://2014.igem.org/Team:ULB-Brussels |
| + | Université Libre de Bruxelles **/ --> |
| | | |
- | <html>
| |
- | <!--init and scripts -->
| |
- | <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jquery-1.9.1.min.js"></script>
| |
- | <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jssor.core.js"></script>
| |
- | <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jssor.utils.js"></script>
| |
- | <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jssor.slider.js"></script>
| |
- | <script>
| |
- | jssor_slider1_starter = function (containerId) {
| |
| | | |
- | var options = {
| |
- | $AutoPlay: false,
| |
- | $SlideDuration: 800,
| |
- | $BulletNavigatorOptions: {
| |
- | $Class: $JssorBulletNavigator$,
| |
- | $ChanceToShow: 2,
| |
- | $AutoCenter: 1,
| |
- | $Steps: 1,
| |
- | $Lanes: 1,
| |
- | $SpacingX: 10,
| |
- | $SpacingY: 10,
| |
- | $Orientation: 1
| |
- | }
| |
- | };
| |
| | | |
- | var jssor_slider1 = new $JssorSlider$(containerId, options);
| |
- | }
| |
- | </script>
| |
| | | |
- | <!--main content -->
| + | <table style="background-color:#CCD6EA; box-shadow: 1px 1px 10px #555; " width="90%" align="center"> |
- | <div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto">
| + | <tr style="background-color:#CCD6EA; "><td colspan="2"> |
- | <table style="background-color:#ebebeb;" align="center" width="100%"> | + | <p class="title"><font color="#002B9B"> |
- | <tr><th><table style="background-color:#ebebeb;" width="90%" align="center" style="border:1px solid black;" >
| + | <font color="#CCD6EA">'Resume of ULB </font> $Parts$ <font color="#CCD6EA">with Mighty Coli'</font> |
- | <!-- Jssor Slider Begin -->
| + | </font></p> |
- | <!-- You can move inline styles to css file or css block. -->
| + | </td></tr> |
- | <div id="slider1_container" style="position: relative; width: 910px;
| + | |
- | height: 300px; overflow: hidden; margin-left: auto; margin-right: auto">
| + | |
- |
| + | |
- | <!-- Slides Container -->
| + | |
- | <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 910px; height: 300px;
| + | |
- | overflow: hidden;">
| + | |
- | <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/87/ULB2014PLACEHOLDER1.png" /></div>
| + | |
- | <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/82/ULB2014PLACEHOLDER2.png" /></div>
| + | |
- | </div>
| + | |
- | | + | |
- | <!-- Bullet Navigator Skin Begin -->
| + | |
- | <style>
| + | |
- | /* jssor slider bullet navigator skin 05 css */
| + | |
- | /*
| + | |
- | .jssorb05 div (normal)
| + | |
- | .jssorb05 div:hover (normal mouseover)
| + | |
- | .jssorb05 .av (active)
| + | |
- | .jssorb05 .av:hover (active mouseover)
| + | |
- | .jssorb05 .dn (mousedown)
| + | |
- | */
| + | |
- | .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av
| + | |
- | {
| + | |
- | background: url(https://static.igem.org/mediawiki/2014/c/c2/ULB2014BULLETS2.png) no-repeat;
| + | |
- | overflow:hidden;
| + | |
- | cursor: pointer;
| + | |
- | }
| + | |
- | .jssorb05 div { background-position: -7px -7px; }
| + | |
- | .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
| + | |
- | .jssorb05 .av { background-position: -67px -7px; }
| + | |
- | .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
| + | |
- | </style>
| + | |
- | <!-- bullet navigator container -->
| + | |
- | <div u="navigator" class="jssorb05" style="position: absolute; bottom: 16px; right: 6px;">
| + | |
- | <!-- bullet navigator item prototype -->
| + | |
- | <div u="prototype" style="POSITION: absolute; WIDTH: 16px; HEIGHT: 16px;"></div>
| + | |
- | </div>
| + | |
- | <!-- Bullet Navigator Skin End -->
| + | |
- | | + | |
- | <a style="display: none" href="http://www.jssor.com">carousel slider</a>
| + | |
- | <!-- Trigger -->
| + | |
- | <script>
| + | |
- | jssor_slider1_starter('slider1_container');
| + | |
- | </script>
| + | |
- | </div>
| + | |
- | <!-- Jssor Slider End -->
| + | |
- | | + | |
- | <!--navigation menu -->
| + | |
- | <td align="center" colspan="3">
| + | |
- | | + | |
- | <table cellspacing="0"width="100%">
| + | |
- | <tr heigth="15px"></tr> | + | |
- | <tr heigth="75px">
| + | |
- | | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels"style="color:#000000">Home </a> </td>
| + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000"> Team </a> </td> | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
| + | |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000"> Official Team Profile </a></td> | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;"align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000"> Project</a></td>
| + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000"> Parts</a></td> | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Modeling"style="color:#000000"> Modeling</a></td>
| + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Notebook"style="color:#000000"> Notebook</a></td>
| + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style=" color:#000000"> Safety </a></td>
| + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Attributions"style="color:#000000"> Attributions </a></td>
| + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>
| + | |
- | <a href="https://2014.igem.org/Equipe:_ULB_Bruxelles/Accueil"style="color:#000000"> Français </a></td>
| + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;"align="center" height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/"style="color:#000000"> Dutch </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 style="background-color:rgb(245,245,245);"><td colspan="3"> <h3> Requirements </h3></td></tr>
| + | |
- | <tr style="background-color:rgb(245,245,245);">
| + | |
- | <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:ULB-Brussels">Home</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Team">Team</a> </li>
| + | |
- | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=ULB-Brussels">Official Team Profile</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Project">Project</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Parts">Parts</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Modeling">Modeling</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Notebook">Notebook</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Safety">Safety</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Attributions">Attributions</a> </li>
| + | |
- | | + | |
- | </ul>
| + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <td > </td>
| + | |
- | <td style="background-color:rgb(245,245,245);" 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 style="background-color:rgb(245,245,245);"><td colspan="3" > <h3> Tips </h3></td></tr>
| + | |
- | | + | |
- | <tr style="background-color:rgb(245,245,245);">
| + | |
- | <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></th></tr>
| + | |
| </table> | | </table> |
- | </div> | + | <br/> |
| + | <table style="background-color:#ebebeb;" width="90%" align="center"> |
| + | <tr style="background-color:rgb(245,245,245);"><td> |
| + | <br/><br/><center><groupparts>iGEM14 ULB-Brussels</groupparts></center> |
| + | </td></tr> |
| + | </table><br/><br/> |
$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
\newcommand{\MyColi}{{\small Mighty\hspace{0.12cm}Coli}}
\newcommand{\Stabi}{\small Stabi}$
$\newcommand{\EColi}{\small E.coli}
\newcommand{\SCere}{\small S.cerevisae}\\[0cm]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
\newcommand{\PI}{\small PI}$
$\newcommand{\Igo}{\Large\mathcal{I}}
\newcommand{\Tgo}{\Large\mathcal{T}}
\newcommand{\Ogo}{\Large\mathcal{O}}
~$