Team:UPO-Sevilla/test

From 2011.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
 +
      <style type="text/css">
 +
/*
 +
AnythingSlider v1.7+ Default (base) theme
 +
By Chris Coyier: http://css-tricks.com
 +
with major improvements by Doug Neiner: http://pixelgraphics.us/
 +
based on work by Remy Sharp: http://jqueryfordesigners.com/
 +
*/
-
<style type="text/css">
+
/*****************************
 +
  SET DEFAULT DIMENSIONS HERE
 +
*****************************/
 +
/* change the ID to match your slider */
 +
#slider {
 +
width: 700px;
 +
height: 390px;
 +
list-style: none;
 +
/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
}
 +
/* Opera width restriction */
 +
.anythingBase { max-width: 32766px; }
-
dl{ margin: 0 auto 0; text-align: justify;}
+
/*****************
-
dl dt{   color: #a7b40a; text-transform: uppercase; font-size: 1.2em; padding: 0.2em 0 0.1em 0; cursor:pointer;}
+
  SET COLORS HERE
-
dd{ }
+
  *****************/
-
</style>
+
/**** Default state (no keyboard focus) ****/
 +
/* slider window - top & bottom borders, default state */
 +
div.anythingSlider .anythingWindow {
 +
border-top: 3px solid #777;
 +
border-bottom: 3px solid #777;
 +
}
 +
/* Navigation buttons, default state */
 +
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
 +
background: #777;
 +
color: #000;
 +
}
 +
/* start-stop button, stopped, default state */
 +
div.anythingSlider .start-stop {
 +
background-color: #040;
 +
color: #fff;
 +
}
 +
/* start-stop button, playing, default state */
 +
div.anythingSlider .start-stop.playing {
 +
background-color: #800;
 +
}
 +
/* start-stop button, default hovered text color (when visible) */
 +
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
 +
color: #ddd;
 +
}
-
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
+
/**** Active State (slider has keyboard focus) ****/
-
<script type="text/javascript">
+
/* slider window - top & bottom borders, active state */
-
    $(document).ready(function(){
+
div.anythingSlider.activeSlider .anythingWindow {
-
      $("dd").hide();
+
border-color: #7C9127;
-
$("dt").click(function(event){
+
}
-
            var desplegable = $(this).next().children();
+
/* Navigation buttons, active state */
-
            $('dd').not(desplegable).slideUp('fast');
+
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
-
              desplegable.slideToggle('fast');
+
background-color: #7C9127;
-
              event.preventDefault();
+
}
-
              })
+
/* start-stop button, stopped, active state */
-
        });
+
div.anythingSlider .start-stop {
-
</script>
+
background-color: #080;
 +
color: #fff;
 +
}
 +
/* start-stop button, playing, active state */
 +
div.anythingSlider .start-stop.playing {
 +
background-color: #d00;
 +
}
 +
/* start-stop button, active slider hovered text color (when visible) */
 +
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
 +
color: #fff;
 +
}
-
    <script type='text/javascript'>
+
/***********************
-
      google.load('visualization', '1', {packages:['orgchart']});
+
  COMMON SLIDER STYLING
-
      google.setOnLoadCallback(drawChart);
+
***********************/
-
      function drawChart() {
+
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
-
        var data = new google.visualization.DataTable();
+
div.anythingSlider {
-
        data.addColumn('string', 'Name');
+
display: block;
-
        data.addColumn('string', 'Manager');
+
margin: 0 auto;
-
        data.addColumn('string', 'ToolTip');
+
overflow: visible !important; /* needed for Opera and Safari */
-
        data.addRows([
+
position: relative;
-
          ['iGEM UPO-Sevilla', '', ''],
+
padding: 0 45px 28px 45px;
 +
}
 +
/* anythingSlider viewport window */
 +
div.anythingSlider .anythingWindow {
 +
overflow: hidden;
 +
position: relative;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
/* anythingSlider base (original element) */
 +
.anythingBase {
 +
background: transparent;
 +
list-style: none;
 +
position: absolute;
 +
overflow: visible !important;
 +
top: 0;
 +
left: 0;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
/* all panels inside the slider */
 +
.anythingBase .panel {
 +
background: transparent;
 +
display: block;
 +
overflow: hidden;
 +
float: left;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
.anythingBase .panel.vertical {
 +
float: none;
 +
}
-
          ['Wet Lab', 'iGEM UPO-Sevilla', ''],
+
/* Navigation Arrows */
-
          ['Dry Lab', 'iGEM UPO-Sevilla', ''],
+
div.anythingSlider .arrow {
 +
top: 50%;
 +
position: absolute;
 +
display: block;
 +
}
 +
div.anythingSlider .arrow a {
 +
display: block;
 +
height: 140px;
 +
margin: -70px 0 0 0; /* half height of image */
 +
width: 45px;
 +
text-align: center;
 +
outline: 0;
 +
background: url(https://static.igem.org/mediawiki/2011/0/06/UPOSevillaDefault.png) no-repeat;
 +
}
 +
/* hide text, target the span so IE7 doesn't text-indent the link */
 +
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
 +
/* back arrow */
 +
div.anythingSlider .back { left: 0; }
 +
div.anythingSlider .back a { background-position: left top; }
 +
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }
 +
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
 +
/* forward arrow */
 +
div.anythingSlider .forward { right: 0; }
 +
div.anythingSlider .forward a { background-position: right top; }
 +
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }
 +
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
-
          ['Basic Biestable', 'Wet Lab', ''],
+
/* Navigation Links */
-
          ['Improving Biestable', 'Wet Lab', ''],
+
div.anythingSlider .anythingControls { outline: 0; display: none; }
-
          ['Epigenetic Biestable', 'Wet Lab', ''],
+
div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
-
          ['Fundational Advance', 'Wet Lab', ''],
+
div.anythingSlider .anythingControls ul li { display: inline; }
 +
div.anythingSlider .anythingControls ul a {
 +
font: 11px/18px Georgia, Serif;
 +
display: inline-block;
 +
text-decoration: none;
 +
padding: 2px 8px;
 +
height: 18px;
 +
margin: 0 5px 0 0;
 +
background-image: url(https://static.igem.org/mediawiki/2011/0/06/UPOSevillaDefault.png);
 +
background-position: center -288px ;
 +
background-repeat: repeat-x;
 +
text-align: center;
 +
outline: 0;
 +
border-radius: 0 0 5px 5px;
 +
-moz-border-radius: 0 0 5px 5px;
 +
-webkit-border-radius: 0 0 5px 5px;
 +
}
 +
div.anythingSlider .anythingControls ul a:hover {
 +
background-image: none;
 +
}
 +
/* Navigation size window */
 +
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
-
          ['Fernando Govantes', 'Basic Biestable', 'Fernando Govantes'],
+
/* slider autoplay right-to-left, reverse order of nav links to look better */
-
          ['Amalia Mart&iacute;nez', 'Fernando Govantes', 'Amalia Martinez'],
+
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
 +
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
 +
div.anythingSlider.rtl .anythingWindow {
 +
direction: ltr;
 +
unicode-bidi: bidi-override;
 +
}
 +
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
-
          ['Victor &Aacute;lvarez', 'Improving Biestable', 'Victor Alvarez'],
+
/* Autoplay Start/Stop button */
-
          ['F&eacute;lix Reyes', 'Victor &Aacute;lvarez', 'Felix Reyes'],
+
div.anythingSlider .start-stop {
-
          ['Yolanda Elisabet Gonz&aacute;lez', 'Victor &Aacute;lvarez', 'Yolanda Elisabet Gonzalez'],
+
background-image: url(https://static.igem.org/mediawiki/2011/0/06/UPOSevillaDefault.png);
 +
background-position: center -288px;
 +
background-repeat: repeat-x;
 +
padding: 2px 5px;
 +
width: 40px;
 +
text-align: center;
 +
text-decoration: none;
 +
float: right;
 +
z-index: 100;
 +
outline: 0;
 +
border-radius: 0 0 5px 5px;
 +
-moz-border-radius: 0 0 5px 5px;
 +
-webkit-border-radius: 0 0 5px 5px;
 +
}
 +
/* hide cell shading on hover - makes the button appear to come forward */
 +
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
-
          ['Rafael Rodr&iacute;guez', 'Epigenetic Biestable', 'Rafael Rodriguez'],
+
/* probably not necessary, but added just in case */
-
          ['Paola Gallardo', 'Rafael Rodr&iacute;guez', 'Paola Gallardo'],
+
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
 +
transition-duration: 0;
 +
-o-transition-duration: 0;
 +
-moz-transition-duration: 0;
 +
-webkit-transition-duration: 0;
 +
}
-
          ['Fernando Govantes ', 'Fundational Advance', 'Fernando Govantes'],
+
/*
-
          ['David Caballero', 'Fernando Govantes ', 'David Caballero'],
+
AnythingSlider v1.5.10 Minimalist Round Theme
 +
By Rob Garrison
 +
*/
-
          ['Bioinformatics', 'Dry Lab', ''],
+
/****** SET COLORS HERE *******/
-
          ['Modeling and Simulations', 'Dry Lab', ''],
+
/* Default State */
-
          ['Software Design', 'Dry Lab', ''],
+
div.anythingSlider-minimalist-round .anythingWindow {
 +
border-top: 3px solid #333;
 +
border-bottom: 3px solid #333;
 +
}
 +
div.anythingSlider-minimalist-round .anythingControls ul a {
 +
border: 1px solid #000;
 +
background: #333;
 +
}
 +
div.anythingSlider-minimalist-round .anythingControls ul a:hover, div.anythingSlider-minimalist-round .anythingControls ul a.cur {
 +
background: #777;
 +
}
 +
div.anythingSlider-minimalist-round .start-stop {
 +
border: 1px solid #000;
 +
}
 +
div.anythingSlider-minimalist-round .start-stop.playing {
 +
background-color: #300;
 +
}
 +
div.anythingSlider-minimalist-round .start-stop:hover, div.anythingSlider-minimalist-round .start-stop.hover {
 +
color: #ddd;
 +
}
-
          ['Antonio Jes&uacute;s P&eacute;rez', 'Bioinformatics', 'Antonio Jesus Perez'],
+
/* Active State */
-
          ['Aida Moreno', 'Antonio Jes&uacute;s P&eacute;rez', 'Aida Moreno'],
+
div.anythingSlider-minimalist-round.activeSlider .anythingWindow {
 +
border-color: #164054;
 +
}
 +
div.anythingSlider-minimalist-round.activeSlider .anythingControls ul a {
 +
background-color: #164054;
 +
}
 +
div.anythingSlider-minimalist-round.activeSlider .anythingControls ul a:hover, div.anythingSlider-minimalist-round.activeSlider .anythingControls ul a.cur {
 +
background: #fff;
 +
}
 +
div.anythingSlider-minimalist-round.activeSlider .start-stop.playing {
 +
background-color: #f00;
 +
}
 +
div.anythingSlider-minimalist-round .start-stop:hover, div.anythingSlider-minimalist-round .start-stop.hover {
 +
color: #fff;
 +
}
-
          ['Manuel B&eacute;jar', 'Modeling and Simulations', 'Manuel Bejar'],
+
/* Navigation Arrows */
-
          ['Jes&uacute;s Jim&eacute;nez', 'Manuel B&eacute;jar', 'Jesus Jimenez'],
+
div.anythingSlider-minimalist-round .arrow {
-
          ['Adri&aacute;n Arellano', 'Manuel B&eacute;jar', 'Adrian Arellano'],
+
top: 50%;
 +
position: absolute;
 +
display: block;
 +
}
 +
div.anythingSlider-minimalist-round .arrow a {
 +
display: block;
 +
height: 40px;
 +
margin-top: -20px; /* half height of image */
 +
width: 30px;
 +
text-align: center;
 +
outline: 0;
 +
background: url(https://static.igem.org/mediawiki/2011/a/a9/UPOSevillaArrows-minimalist.png) no-repeat;
 +
}
 +
div.anythingSlider-minimalist-round .forward { right: 0; }
 +
div.anythingSlider-minimalist-round .back { left: 0; }
 +
div.anythingSlider-minimalist-round .forward a { background-position: right bottom; }
 +
div.anythingSlider-minimalist-round .back a { background-position: left bottom; }
 +
div.anythingSlider-minimalist-round .forward a:hover, div.anythingSlider-minimalist-round .forward a.hover { background-position: right top; }
 +
div.anythingSlider-minimalist-round .back a:hover, div.anythingSlider-minimalist-round .back a.hover { background-position: left top; }
-
          ['Luis Merino', 'Software Design', 'Luis Merino'],
+
/* Navigation Links */
-
          ['Biobrick Creator', 'Luis Merino', ''],
+
div.anythingSlider-minimalist-round .anythingControls {
-
          ['Wiki', 'Luis Merino', ''],
+
float: right;
-
          ['Jos&eacute; Guti&eacute;rrez', 'Biobrick Creator', 'Jose Gutierrez'],
+
position: absolute;
-
          ['Luis Eduardo Pav&oacute;n', 'Wiki', 'Luis Eduardo Pavon']
+
bottom: 0;
 +
right: 15%;
 +
z-index: 100;
 +
opacity: 0.90;
 +
filter: alpha(opacity=90);
 +
}
 +
div.anythingSlider-minimalist-round .anythingControls ul {
 +
margin: 0;
 +
z-index: 100;
 +
}
 +
div.anythingSlider-minimalist-round .anythingControls ul li {
 +
display: block;
 +
float: left;
 +
}
 +
div.anythingSlider-minimalist-round .anythingControls ul a {
 +
display: block;
 +
height: 10px;
 +
width: 10px;
 +
margin: 3px;
 +
padding: 0;
 +
outline: 0;
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
}
-
        ]);
+
/* Navigation size window arrows */
-
        var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
+
div.anythingSlider-minimalist-round .anythingControls li.next a span, div.anythingSlider-minimalist-round .anythingControls li.prev a span {
-
        chart.draw(data, {allowHtml:true});
+
text-indent: 1px;
-
+
margin-top: 3px;
-
google.visualization.events.addListener(chart, 'select', function() {
+
}
-
var selection = chart.getSelection();
+
div.anythingSlider-minimalist-round .anythingControls li.prev a, div.anythingSlider-minimalist-round .anythingControls li.next a {
-
var message = '';
+
color: #ddd;
-
for (var i = 0; i < selection.length; i++) {
+
}
-
var item = selection[i];
+
div.anythingSlider-minimalist-round .anythingControls li.next a:hover, div.anythingSlider-minimalist-round .anythingControls li.prev a:hover {
-
if (item.row != null) {
+
color: #000;
-
var str = data.getFormattedValue(item.row, 2);
+
}
-
message += str;
+
-
}  
+
-
}
+
-
+
-
var idA = "a[name=\""+message+"\"]";
+
-
var desplegable = $(idA).children();
+
-
                        $('dd').not(desplegable).slideUp('fast');
+
-
                        desplegable.slideToggle('fast');
+
-
location = '#'+ message;
+
-
}); 
+
-
+
-
      }
+
-
    </script>
+
-
                    <div id="principal">
+
/* slider autoplay right-to-left, reverse order of nav links to look better */
-
                        <div class="main">
+
div.anythingSlider-minimalist-round.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
-
+
div.anythingSlider-minimalist-round.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
-
<div id='chart_div'></div>
+
/* div.anythingSlider-minimalist-round.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
-
<div id="contenido-demo">
+
/* Autoplay Start/Stop button */
-
Profesores
+
div.anythingSlider-minimalist-round .start-stop {
-
<dl>
+
margin: 3px;
 +
padding: 0;
 +
display: inline-block;
 +
width: 14px;
 +
height: 14px;
 +
position: relative;
 +
bottom: 2px;
 +
left: 0;
 +
z-index: 100;
 +
text-align: center;
 +
text-decoration: none;
 +
float: right;
 +
border-radius: 7px;
 +
-moz-border-radius: 7px;
 +
-webkit-border-radius: 7px;
 +
}
-
<dt>Fernando Govantes Romero (Microbiología)</dt>
+
/* Extra - replace defaults */
-
<a name="Fernando Govantes"><dd>Over the years evolved to be called Fernan and then Fer...
+
div.anythingSlider-minimalist-round {
-
I may end up losing my name altogether. I am the grandfather of the team and I run the Foundational Advances
+
padding: 6px 30px;
-
subteam. Best known for my secular knowledge on bacterial strain genotypes, transposons and other genetic gimmicks,
+
}
-
as well ancient protocols and media recipes.</dd></a>
+
-
<dt>Luis Merino Cabañas (Ing. De Sistemas y Automática)</dt>
+
-
<a name="Luis Merino"><dd>What's doing a roboticist with a bunch of biotechnologists? Surprisingly (actually, not so)
+
-
the same as before: engineering. I'm co-advising the dry-lab with my colleague Manuel (master of MATLAB and huge models).
+
-
After a fast immersion last year into the (very) basics of genetic engineering, I'm still enjoying learning a lot of new
+
-
things and the possibilities we have to manipulate or create new biological robots. And I met some of the creators of
+
-
ARPANET in the way!!!</dd></a>
+
-
<dt>Manuel Béjar Domínguez (Ing. De Sistemas y Automática)</dt>
+
-
<a name="Manuel Bejar"><dd></dd></a>
+
-
<dt>Antonio Jesús Pérez Pulido (Bioinformática)</dt>
+
-
<a name="Antonio Jesus Perez"><dd>I am the motorized man in the group, and I don't walk but
+
-
I am going on my wheels. The sequence and structure analyses are my expertise, using and developing bioinformatics
+
-
tools.</dd></a>
+
-
<dt>Antonio Prado Moreno (Fisiología Animal)</dt>
+
-
<a name="Antonio Prado"><dd></dd></a>
+
-
<dt>Víctor Álvarez Tallada (Genética)</dt>
+
-
<a name="Victor Alvarez"><dd>This is Victor, I am one of the new supervisors recruited (on my way to the toilet !!)
+
-
for this year iGem adventure. Genetics is what I enjoy the most. I give advice to Felix and Yolanda; together we
+
-
are what they call "V subteam".</dd></a>
+
-
<dt>Rafael Rodríguez Daga (Genética)</dt>
+
-
<a name="Rafael Rodriguez"><dd></dd></a>
+
-
</dl>
+
/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
-
+
div.anythingSlider-minimalist-round .arrow a span, div.anythingSlider-minimalist-round .anythingControls ul a span, div.anythingSlider-minimalist-round .start-stop span {
-
Estudiantes
+
display: block;
 +
line-height: 1px; /* needed for IE7 */
 +
text-indent: -9999px;
 +
}
-
<dl>
 
-
 
-
<dt>Adrián Arellano Davín (Biotecnología)</dt>
 
-
<a name="Adrian Arellano"><dd>If you look for somebody who really loves science and learning, it is Adrián.
 
-
He will read every book he can get his hands on. He is a physicist enthusiast and a renowned go player.
 
-
Adrián was the first in discovering iGEM and we have to thank him for passing on us his passion for learning
 
-
beyond the degree. This year he jumped to the DryLab and he is doing great visual and parametric simulations.</dd></a>
 
-
<dt>David Caballero Pradas (Biotecnología)</dt>
 
-
<a name="David Caballero"><dd></dd></a>
 
-
<dt>Paola Gallardo Palomo (Biotecnología)</dt>
 
-
<a name="Paola Gallardo"><dd></dd></a>
 
-
<dt>Yolanda Elisabet Gonzalez Flores (Biotecnología)</dt>
 
-
<a name="Yolanda Elisabet Gonzalez"><dd>I am Yolanda, also called Yoly or even Yolibeth by my friends. I am the errant
 
-
iGEMer, as this year I'll spend half of the summer working in Santander. I am a bio-geek and a T4 phage
 
-
lover, and I have joint the team this year. I'm working with Felix on the optimization of the bistable
 
-
by proteolysis and asRNA.</dd></a>
 
-
<dt>José Gutiérrez Tabuenca (Ing. Técnica Informática)</dt>
 
-
<a name="Jose Gutierrez"><dd></dd></a>
 
-
<dt>Jesús Jiménez Sobrado (Ing. Industrial)</dt>
 
-
<a name="Jesus Jimenez"><dd></dd></a>
 
-
<dt>Amalia Martinez Segura (Biotecnología)</dt>
 
-
<a name="Amalia Martinez"><dd></dd></a>
 
-
<dt>Aída Moreno Moral (Biotecnología)</dt>
 
-
<a name="Aida Moreno"><dd>After years of carrying my huge friend (the double bass), I moved from music to
 
-
Biological Sciences, which as not many may know, aren't completely different fields as they can look! As a
 
-
bassist I learned that complex systems always start from good bases. I am one of the new acquisitions of the
 
-
UPO-iGEM team. So what do I do?  I juggle between the dry and wet labs, performing bioinformatics analyses
 
-
while also trying to assist in the dry lab's biological issues.</dd></a>
 
-
<dt>Luis Eduardo Pavón (Ing. Técnica Informática)</dt>
 
-
<a name="Luis Eduardo Pavon"><dd></dd></a>
 
-
<dt>Félix Reyes Martín (Biotecnología)</dt>
 
-
<a name="Felix Reyes"><dd>Probably, i'm the laziest member of the team, at least that's what my friends usually
 
-
say. However, when it comes to working in the lab, i always intent to give the best of myself. This is my
 
-
second year in UPO sevilla team and although last year I worked really hard on it, I'm feeling even more
 
-
eager this year. I belong to the V's subteam (a little group inside wet lab workers) and we will try to set
 
-
up some improvements in the classic toggle switch.</dd></a>
 
-
</dl>
+
#slider { width: 1000px; height: 500px; }
-
</div>
+
 
-
                         
+
      </style>
-
                        </div>
+
 
-
                        <div class="left">
+
      <script src="https://2011.igem.org/Team:UPO-Sevilla/js/anythingSlider.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
                            <a href="http://www.upo.es" target="_blank" title="UPO official site">
+
 
-
                                <img class="logoUPO" src="https://static.igem.org/mediawiki/2011/3/36/UPOSevillaGreyUPOIcon.gif" alt="UPO icon"/>
+
<script>
-
                            </a>
+
// DOM Ready
-
<ul id="menu">
+
$(function(){
-
<li><a href="#">Menu 1</a>
+
$('#slider').anythingSlider({
-
<ul>
+
theme          : 'minimalist-round',
-
<li><a href="#">Submenu 1</a></li>
+
easing          : 'easeInOutBack',
-
<li><a href="#">Submenu 2</a></li>
+
                                autoPlay        : true,
-
<li><a href="#">Submenu 3</a></li>
+
// resumeDelay    : 10000, // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
-
<li><a href="#">Submenu 4</a></li>
+
onSlideComplete : function(slider){
 +
// alert('Welcome to Slide #' + slider.currentPage);
 +
}
 +
});
 +
});
 +
</script>
 +
 
 +
                    <div id="principal">
 +
                         
 +
<div class="center">
 +
<ul id="slider">
 +
<li><a href="/Team:UPO-Sevilla/Project/Basic_Flip_Flop/Overview"><img src="https://static.igem.org/mediawiki/2011/5/51/UPOSevillaBasicFlipFlopPrincipal.png" alt=""></a></li>
 +
 
 +
<li><a href="/Team:UPO-Sevilla/Project/Improving_Flip_Flop/Overview"><img src="https://static.igem.org/mediawiki/2011/0/0f/UPOSevillaImprovingFlipFlopPrincipal.png" alt=""></a></li>
 +
 
 +
<li><a href="/Team:UPO-Sevilla/Project/Epigenetic_Flip_Flop/Overview"><img src="https://static.igem.org/mediawiki/2011/0/00/UPOSevillaEpigeneticFlipFlopPrincipal.png" alt=""></a></li>
 +
 
 +
<li><a href="/Team:UPO-Sevilla/Foundational_Advances/MiniTn7/Overview"><img src="https://static.igem.org/mediawiki/2011/1/1f/UPOSevillaMiniTn7Principal.png" alt=""></a></li>
 +
 +
          <li><a href="/Team:UPO-Sevilla/Foundational_Advances/BioBrick_Creator"><img src="https://static.igem.org/mediawiki/2011/2/27/UPOSevillaBiobrickPrincipal.png" alt=""></a></li>
 +
 
 +
<li><a href="/Team:UPO-Sevilla/Human_Practice"><img src="https://static.igem.org/mediawiki/2011/c/c5/UPOSevillaHumanPracticePrincipal.png" alt=""></a></li>
</ul>
</ul>
-
</li>
 
-
<li><a href="#">Menu 2</a>
 
-
<ul>
 
-
<li><a href="#">Submenu 1</a></li>
 
-
<li><a href="#">Submenu 2</a></li>
 
-
<li><a href="#">Submenu 3</a></li>
 
-
<li><a href="#">Submenu 4</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="#">Menu 3</a>
 
-
<ul>
 
-
<li><a href="#">Submenu 1</a></li>
 
-
<li><a href="#">Submenu 2</a></li>
 
-
<li><a href="#">Submenu 3</a></li>
 
-
<li><a href="#">Submenu 4</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="#">Menu sin submenu</a></li>
 
-
</ul>
 
-
                        </div>
+
</div>
 +
 
 +
<p>
 +
                                For its second year, <strong>the UPO-Sevilla team</strong> participates on the international Synthetic Biology competition iGEM. <strong>Synthetic biology</strong> is a new and exciting discipline of science that puts together computing, engineering and molecular biology with the goal of designing and constructing biological machines: living organisms with the ability to perform new and useful tasks. The iGEM contest is an initiative that hosts undergraduate student teams from all over the world to develop new biological designs, work on them over the summer and present them in the <strong>iGEM Jamborees</strong>.
 +
                            </p>
 +
                            <p>
 +
                                UPO-Sevilla was <strong>the pioneer Andalusian team</strong> to participate in the iGEM competition last year. The UPO-Sevilla team has grown from six students and two supervisors in 2010 to ten students and seven supervisors in 2011. This year's team hosts a mixture of computer science, engineering, biotechnology, genetics, physiology and microbiology students and professors. This multidisciplinary team is working hard on the <strong>Flashbacter</strong> project, aimed to develop biological machines able to store information, much like a computer's memory does. Find more details on this in <a href="/Team:UPO-Sevilla/Project" title="Project">the Project section</a>.
 +
                            </p>
 +
                            <p>
 +
                                In addition to research, the UPO-Sevilla team has undertaken during this year an active <strong>diffusion program</strong> to promote awareness of Synthetic biology, especially among younger students in Andalucía including seminars, workshops, and the first blog in spanish devoted to Synthetic biology, <a href="http://tornillosygenes.com" target="_blank" title="Tornillos y Genes">Tornillos y genes.</a><!-- Learn more about this in the Human practices/diffusion section.-->
 +
                            </p>
 +
 
 +
 
 +
                    </div>
</html>
</html>
-
{{:Team:UPO-Sevilla/footTemplate}}
+
{{:Team:UPO-Sevilla/footTemplate2}}

Latest revision as of 23:13, 20 September 2011

Grey iGEM Logo UPO icon

For its second year, the UPO-Sevilla team participates on the international Synthetic Biology competition iGEM. Synthetic biology is a new and exciting discipline of science that puts together computing, engineering and molecular biology with the goal of designing and constructing biological machines: living organisms with the ability to perform new and useful tasks. The iGEM contest is an initiative that hosts undergraduate student teams from all over the world to develop new biological designs, work on them over the summer and present them in the iGEM Jamborees.

UPO-Sevilla was the pioneer Andalusian team to participate in the iGEM competition last year. The UPO-Sevilla team has grown from six students and two supervisors in 2010 to ten students and seven supervisors in 2011. This year's team hosts a mixture of computer science, engineering, biotechnology, genetics, physiology and microbiology students and professors. This multidisciplinary team is working hard on the Flashbacter project, aimed to develop biological machines able to store information, much like a computer's memory does. Find more details on this in the Project section.

In addition to research, the UPO-Sevilla team has undertaken during this year an active diffusion program to promote awareness of Synthetic biology, especially among younger students in Andalucía including seminars, workshops, and the first blog in spanish devoted to Synthetic biology, Tornillos y genes.

Retrieved from "http://2011.igem.org/Team:UPO-Sevilla/test"