Team:Valencia UPV

From 2014.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Valencia_UPV/estilo}}
+
{{:Team:Valencia_UPV/header}}
-
 
+
{{:Team:Valencia_UPV/prueba_slider_css}}
-
{{CSS/Main}}
+
{{:Team:Valencia_UPV/javascript2}}
-
 
+
-
 
+
-
[[Image:Sexy_plant.png|690px|center]]
+
<html>
<html>
-
 
+
<!-- Jssor Slider Begin -->
-
<!--main content -->
+
    <!-- You can move inline styles to css file or css block. -->
-
<table width="70%" align="center">
+
    <div id="slider1_container" style="position: relative; margin: 0 auto;
-
 
+
        top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;">
-
<!--https://static.igem.org/mediawiki/2014/4/41/Sexy_plant.png-->
+
        <!-- Loading Screen -->
-
 
+
        <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
-
<tr>
+
            <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
-
 
+
                top: 0px; left: 0px; width: 100%; height: 100%;">
-
<!--navigation menu -->
+
            </div>
-
<td align="center" colspan="3">
+
            <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
-
 
+
                top: 0px; left: 0px; width: 100%; height: 100%;">
-
<table  width="100%">
+
            </div>
-
<tr heigth="15px"></tr>
+
        </div>
-
<tr heigth="75px">
+
        <!-- Slides Container -->
-
 
+
        <div data-u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px;
-
 
+
            height: 500px; overflow: hidden;">
-
<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:Valencia_UPV"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/Team:Valencia_UPV/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>  
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Valencia_UPV"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> 
+
-
<a href="https://2014.igem.org/Team:Valencia_UPV/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>
+
-
<a href="https://2014.igem.org/Team:Valencia_UPV/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:Valencia_UPV/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:Valencia_UPV/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:Valencia_UPV/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:Valencia_UPV/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>
+
-
+
-
 
+
 +
            <div>
 +
                <img data-u="image" src="https://static.igem.org/mediawiki/2014/5/57/Background_slider1.png" alt="" />
 +
                <div data-u="caption" data-t="NO" data-t3="RTT|2" data-r3="137.5%" data-du3="3000" data-d3="500" style="position: absolute; width: 445px; height: 300px; top: 100px; left: 600px;">
 +
                </div>
 +
                <div style="position: absolute; width: 200px; top: 5%; left: 75%; padding: 5px;
 +
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;"><img data-u="image" src="https://static.igem.org/mediawiki/2014/6/67/VUPV_Sexyplant_border.png" width="250px" alt="" />
 +
                </div>
 +
                <a href="https://2014.igem.org/Team:Valencia_UPV/Project/overview"><div style="position: absolute; width: 425px; top: 6%; left: 37%; padding: 15px; background-color:#3366cc; opacity:0.8;filter:alpha(opacity=80); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
 +
                    text-align: justify; line-height: 20px; font-size: 14px;
 +
                        color: #FFFFFF;"><span class="coda"><roja>S</roja>exy <roja>P</roja>lant</span>
 +
<p style="font-size: 16px;"><br/>The <b>Sexy Plant</b> is our environmental-friendly choice for pest control. We <b>produced</b> moth <b>sex pheromones</b> in <i>Nicotiana benthamiana</i> and <b>released</b> them into the air to produce <b>mating disruption</b> and avoid moth’s offspring, the real cause of damage. Pheromone production is under the control of a <b>genetic switch</b> to improve the plant’s resources usage. In addition, we designed a <b>biosafety module</b> to easily identify the engineered plant and avoid spread of the genetic material.</p>
 +
                </div></a>
 +
            </div>
-
</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 -->
+
            <div>
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
              <img data-u="image" src="https://static.igem.org/mediawiki/2014/6/60/VUPVBackground_slider_inv.jpg" alt="" />
-
<tr>
+
                <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
-
<td width="45%" valign="top">  
+
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;">
 +
                </div>
 +
                <div style="position: absolute; width: 550px; top: 12%; left: 5%; padding: 15px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; background-color:#FFFFFF;
 +
                    text-align: left; line-height: 36px; font-size: 30px;
 +
                        color: #FFFFFF;"><a href="https://2014.igem.org/Team:Valencia_UPV/Project/modules/biosynthesis"><img data-u="image" src="https://static.igem.org/mediawiki/2014/9/9b/Biosynthesis.gif" width="500px" alt="" /></a>
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
                </div>
 +
<div style="position: absolute; width: 450px; top: 12%; left: 55%; padding: 10px; background-color:#546643; opacity:0.8;filter:alpha(opacity=80); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
 +
                    text-align: justify; line-height: 20px; font-size: 14px;
 +
                        color: #FFFFFF;">
 +
<span class="coda"><roja>P</roja>heromone <roja>P</roja>roduction</span><br/>
 +
<p style="font-size: 16px;">This is the core of our project. Sexy Plant is a pest control choice based on the production of sexual pheromones, which will confuse male insects and make them unable to find the female.</p><div align="center">
 +
               
 +
<a href="https://2014.igem.org/Team:Valencia_UPV/Project/results/pheromone_analysis"><img data-u="image" src="https://static.igem.org/mediawiki/2014/d/d0/Chromato_bentha_onoff.png" width="350px" alt="" />
 +
                </a></div>
 +
                </div>
-
<!-- Links to other team pages -->
+
            </div>
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Valencia_UPV">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Valencia_UPV">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Attributions">Attributions</a> </li>
+
-
</ul>
 
-
</td>
 
-
<td > </td>
+
<div>
-
<td width="45%">
+
                <img data-u="image" src="https://static.igem.org/mediawiki/2014/b/bd/VUPVBackground_slider.jpg" alt="" />
 +
                <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
 +
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;">
 +
                </div>
 +
                <div style="position: absolute; width: 480px; height: 120px; top: 66%px; left: 55%; padding: 5px;
 +
                    text-align: left; line-height: 36px; font-size: 30px;
 +
                        color: #FFFFFF;">
-
<p>There are a few wiki requirements teams must follow:</p>
+
                </div>
-
<ul>
+
<div style="position: absolute; width: 200px; top: 12%; left: 50%; padding: 5px;
-
<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>
+
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
-
<li>All pages must be created under the team’s name space.</li>
+
                        color: #FFFFFF;"><a href="https://2014.igem.org/Team:Valencia_UPV/Modeling/diffusion"> <img data-u="image" src="https://static.igem.org/mediawiki/2014/9/9d/VUPVIntro_sexpheromone.png" width="550px" alt="" /></a>
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
                </div><a href="https://2014.igem.org/Team:Valencia_UPV/Modeling/diffusion#tab3">
-
<li>Do not use flash in wiki code. </li>
+
<div style="position: absolute; width: 425px; top: 8%; left: 10%; padding: 15px; background-color:purple; opacity:0.8; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
-
<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>
+
                    text-align: justify; line-height: 20px; font-size: 14px;
-
</ul>
+
                        color: #FFFFFF;">
-
<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>
+
<span class="coda"><roja>M</roja>odeling <roja>M</roja>oths <roja>R</roja>esponse</span><br/><br/>
 +
<img data-u="image" src="https://static.igem.org/mediawiki/2014/9/92/Poliya_flechas_slider.png" width="150px" style="float:left;" alt="" /> <p style="font-size: 18px;">When one stares at moths, they apparently move with erratic flight paths. However, male moths follow sex pheromone concentration gradients, moving after female moths.<br/><br/> See how we modeled this complex behavior.</p>
 +
                </div></a>
 +
            </div>
-
</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>
+
            <div>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
                <img data-u="image" src="https://static.igem.org/mediawiki/2014/6/60/VUPVBackground_slider_inv.jpg" alt="" />
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
                <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
                        color: #FFFFFF;">
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
                </div>
-
</ul>
+
<div style="position: absolute; width: 200px; top: 2%; left: 5%; padding: 10px;
 +
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;"><a href="https://2014.igem.org/Team:Valencia_UPV/policy/activities"> <img data-u="image" src="https://static.igem.org/mediawiki/2014/a/a0/Pp.png" width="600px" alt="" /></a>
 +
                </div>
-
<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>
+
<a href="https://2014.igem.org/Team:Valencia_UPV/policy/activities">
-
<td width="45%">  
+
<div style="position: absolute; width: 450px; top: 7%; left: 55%; padding: 15px; background-color:#660000; opacity:0.8; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; -o-border-radius:10px; text-align: justify; line-height: 20px; font-size: 14px; color: #FFFFFF;">
 +
<span class="coda"><roja>P</roja>olicy and <roja>P</roja>ractices</span><br/><br/>
 +
<p style="font-size: 15px;">Our whole project is Policy and Practices. We are dealing with a worldwide severe problem of the agriculture based economy. We made contact with the project stakeholders. Bayer CropSciences, Cooperatives and Representatives of the Farmers gave us their opinion and all of them are very interested in the outcome of the project. <br/> See how we and them did get involved.</p>
 +
                </div></a>
 +
<a href="https://2014.igem.org/Team:Valencia_UPV/policy/outreach">
 +
<div style="position: absolute; width: 200px; top: 40%; left: 77%; z-index:1000; padding: 5px;
 +
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;  -webkit-transform: rotate(20deg);  -moz-transform: rotate(20deg);
 +
  -ms-transform: rotate(20deg);
 +
  -o-transform: rotate(20deg);
 +
  transform: rotate(20deg);"><img data-u="image" width="210px" src="https://static.igem.org/mediawiki/2014/7/78/Post_it_whorkshop.png" alt="" />
 +
                </div></a>
 +
           
 +
        </div>
 +
               
 +
        <!-- Bullet Navigator Skin Begin -->
 +
        <!-- bullet navigator container -->
 +
        <div data-u="navigator" class="jssorb21" style="position: absolute; bottom: 40px; left: 6px;">
 +
            <!-- bullet navigator item prototype -->
 +
            <div data-u="prototype" style="POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align:center; line-height:19px; color:White; font-size:12px;"></div>
 +
        </div>
 +
        <!-- Bullet Navigator Skin End -->
-
<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>
+
        <!-- Arrow Navigator Skin Begin -->
 +
        <!-- Arrow Left -->
 +
        <span data-u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
 +
        </span>
 +
        <!-- Arrow Right -->
 +
        <span data-u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
 +
        </span>
 +
        <!-- Arrow Navigator Skin End -->
 +
        <a style="display: none" href="http://www.jssor.com">slideshow</a>
 +
    </div>
 +
<br/>
 +
</html>
-
<ul>
+
{{:Team:Valencia_UPV/footer_img}}
-
<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>
+

Latest revision as of 01:29, 18 October 2014