Team:UPO-Sevilla/test

From 2011.igem.org

(Difference between revisions)
 
(43 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/
 +
*/
-
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
+
/*****************************
-
<script type="text/javascript">
+
  SET DEFAULT DIMENSIONS HERE
-
    $(document).ready(function(){
+
*****************************/
-
      $("dd").hide();
+
/* change the ID to match your slider */
-
$("dt").click(function(event){
+
#slider {
-
            var desplegable = $(this).next();
+
width: 700px;
-
            $('dd').not(desplegable).slideUp('fast');
+
height: 390px;
-
              desplegable.slideToggle('fast');
+
list-style: none;
-
              event.preventDefault();
+
/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
-
              })
+
overflow-y: auto;
-
        });
+
overflow-x: hidden;
-
</script>
+
}
 +
/* Opera width restriction */
 +
.anythingBase { max-width: 32766px; }
-
    <script type='text/javascript'>
+
/*****************
-
      google.load('visualization', '1', {packages:['orgchart']});
+
  SET COLORS HERE
-
      google.setOnLoadCallback(drawChart);
+
*****************/
-
      function drawChart() {
+
/**** Default state (no keyboard focus) ****/
-
        var data = new google.visualization.DataTable();
+
/* slider window - top & bottom borders, default state */
-
        data.addColumn('string', 'Name');
+
div.anythingSlider .anythingWindow {
-
        data.addColumn('string', 'Manager');
+
border-top: 3px solid #777;
-
        data.addColumn('string', 'ToolTip');
+
border-bottom: 3px solid #777;
-
        data.addRows([
+
}
-
          ['iGEM UPO-Sevilla', '', ''],
+
/* 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;
 +
}
-
          ['Wet Lab', 'iGEM UPO-Sevilla', ''],
+
/**** Active State (slider has keyboard focus) ****/
-
          ['Dry Lab', 'iGEM UPO-Sevilla', ''],
+
/* slider window - top & bottom borders, active state */
 +
div.anythingSlider.activeSlider .anythingWindow {
 +
border-color: #7C9127;
 +
}
 +
/* Navigation buttons, active state */
 +
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
 +
background-color: #7C9127;
 +
}
 +
/* start-stop button, stopped, active state */
 +
div.anythingSlider .start-stop {
 +
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;
 +
}
-
          ['Basic Biestable', 'Wet Lab', ''],
+
/***********************
-
          ['Improving Biestable', 'Wet Lab', ''],
+
  COMMON SLIDER STYLING
-
          ['Epigenetic Biestable', 'Wet Lab', ''],
+
***********************/
-
          ['Fundational Advance', 'Wet Lab', ''],
+
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
 +
div.anythingSlider {
 +
display: block;
 +
margin: 0 auto;
 +
overflow: visible !important; /* needed for Opera and Safari */
 +
position: relative;
 +
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;
 +
}
-
          ['Fernando Govantes', 'Basic Biestable', 'Fernando Govantes'],
+
/* Navigation Arrows */
-
          ['Amalia Mart&iacute;nez', 'Fernando Govantes', 'Amalia Martinez'],
+
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); */
-
          ['Victor &Aacute;lvarez', 'Improving Biestable', 'Victor Alvarez'],
+
/* Navigation Links */
-
          ['F&eacute;lix Reyes', 'Victor &Aacute;lvarez', 'Felix Reyes'],
+
div.anythingSlider .anythingControls { outline: 0; display: none; }
-
          ['Yolanda Elisabet Gonz&aacute;lez', 'Victor &Aacute;lvarez', 'Yolanda Elisabet Gonzalez'],
+
div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
 +
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; }
-
          ['Rafael Rodr&iacute;guez', 'Epigenetic Biestable', 'Rafael Rodriguez'],
+
/* slider autoplay right-to-left, reverse order of nav links to look better */
-
          ['Paola Gallardo', 'Rafael Rodr&iacute;guez', 'Paola Gallardo'],
+
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 */
-
          ['Fernando Govantes ', 'Fundational Advance', 'Fernando Govantes'],
+
/* Autoplay Start/Stop button */
-
          ['David Caballero', 'Fernando Govantes ', 'David Caballero'],
+
div.anythingSlider .start-stop {
 +
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; }
-
          ['Bioinformatics', 'Dry Lab', ''],
+
/* probably not necessary, but added just in case */
-
          ['Modeling and Simulations', 'Dry Lab', ''],
+
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
-
          ['Software Design', 'Dry Lab', ''],
+
transition-duration: 0;
 +
-o-transition-duration: 0;
 +
-moz-transition-duration: 0;
 +
-webkit-transition-duration: 0;
 +
}
-
          ['Antonio Jes&uacute;s P&eacute;rez', 'Bioinformatics', 'Antonio Jesus Perez'],
+
/*
-
          ['Aida Moreno', 'Antonio Jes&uacute;s P&eacute;rez', 'Aida Moreno'],
+
AnythingSlider v1.5.10 Minimalist Round Theme
 +
By Rob Garrison
 +
*/
-
          ['Manuel B&eacute;jar', 'Modeling and Simulations', 'Manuel Bejar'],
+
/****** SET COLORS HERE *******/
-
          ['Jes&uacute;s Jim&eacute;nez', 'Manuel B&eacute;jar', 'Jesus Jimenez'],
+
/* Default State */
-
          ['Adri&aacute;n Arellano', 'Manuel B&eacute;jar', 'Adrian Arellano'],
+
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;
 +
}
-
          ['Luis Merino', 'Software Design', 'Luis Merino'],
+
/* Active State */
-
          ['Biobrick Creator', 'Luis Merino', ''],
+
div.anythingSlider-minimalist-round.activeSlider .anythingWindow {
-
          ['Wiki', 'Luis Merino', ''],
+
border-color: #164054;
-
          ['Jos&eacute; Guti&eacute;rrez', 'Biobrick Creator', 'Jose Gutierrez'],
+
}
-
          ['Luis Eduardo Pav&oacute;n', 'Wiki', 'Luis Eduardo Pavon']
+
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;
 +
}
-
        ]);
+
/* Navigation Arrows */
-
        var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
+
div.anythingSlider-minimalist-round .arrow {
-
        chart.draw(data, {allowHtml:true});
+
top: 50%;
-
+
position: absolute;
-
google.visualization.events.addListener(chart, 'select', function() {
+
display: block;
-
var selection = chart.getSelection();
+
}
-
var message = '';
+
div.anythingSlider-minimalist-round .arrow a {
-
for (var i = 0; i < selection.length; i++) {
+
display: block;
-
var item = selection[i];
+
height: 40px;
-
if (item.row != null) {
+
margin-top: -20px; /* half height of image */
-
var str = data.getFormattedValue(item.row, 2);
+
width: 30px;
-
message += str;
+
text-align: center;
-
}  
+
outline: 0;
-
}
+
background: url(https://static.igem.org/mediawiki/2011/a/a9/UPOSevillaArrows-minimalist.png) no-repeat;
-
+
}
-
var idA = "a[name=\""+message+"\"]";
+
div.anythingSlider-minimalist-round .forward { right: 0; }
-
var desplegable = $(idA).children().next();
+
div.anythingSlider-minimalist-round .back { left: 0; }
-
                        $('dd').not(desplegable).slideUp('fast');
+
div.anythingSlider-minimalist-round .forward a { background-position: right bottom; }
-
                        desplegable.slideToggle('fast');
+
div.anythingSlider-minimalist-round .back a { background-position: left bottom; }
-
location = '#'+ message;
+
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; }
-
+
-
      }
+
-
    </script>
+
-
                    <div id="principal">
+
/* Navigation Links */
-
                        <div class="main">
+
div.anythingSlider-minimalist-round .anythingControls {
-
+
float: right;
-
                <div id='chart_div'></div>
+
position: absolute;
 +
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 */
-
                        <h2>Profesores</h2>
+
div.anythingSlider-minimalist-round .anythingControls li.next a span, div.anythingSlider-minimalist-round .anythingControls li.prev a span {
-
<dl>
+
text-indent: 1px;
 +
margin-top: 3px;
 +
}
 +
div.anythingSlider-minimalist-round .anythingControls li.prev a, div.anythingSlider-minimalist-round .anythingControls li.next a {
 +
color: #ddd;
 +
}
 +
div.anythingSlider-minimalist-round .anythingControls li.next a:hover, div.anythingSlider-minimalist-round .anythingControls li.prev a:hover {
 +
color: #000;
 +
}
-
<a name="Fernando Govantes"><dt>Fernando Govantes Romero (Microbiología)</dt>
+
/* slider autoplay right-to-left, reverse order of nav links to look better */
-
<dd>Over the years evolved to be called Fernan and then Fer... I may end up losing my name altogether. I am the grandfather of the team and I run the Foundational Advances 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>
+
div.anythingSlider-minimalist-round.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
-
<a name="Luis Merino"><dt>Luis Merino Cabañas (Ing. De Sistemas y Automática)</dt>
+
div.anythingSlider-minimalist-round.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
-
<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>
+
/* div.anythingSlider-minimalist-round.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
-
<a name="Manuel Bejar"><dt>Manuel Béjar Domínguez (Ing. De Sistemas y Automática)</dt>
+
-
<dd></dd></a>
+
-
<a name="Antonio Jesus Perez"><dt>Antonio Jesús Pérez Pulido (Bioinformática)</dt>
+
-
<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>
+
-
<a name="Antonio Prado"><dt>Antonio Prado Moreno (Fisiología Animal)</dt>
+
-
<dd></dd></a>
+
-
<a name="Victor Alvarez"><dt>Víctor Álvarez Tallada (Genética)</dt>
+
-
<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>
+
-
<a name="Rafael Rodriguez"><dt>Rafael Rodríguez Daga (Genética)</dt>
+
-
<dd></dd></a>
+
-
</dl>
+
/* Autoplay Start/Stop button */
-
+
div.anythingSlider-minimalist-round .start-stop {
-
<h2> Estudiantes </h2>
+
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;
 +
}
-
<dl>
+
/* Extra - replace defaults */
-
+
div.anythingSlider-minimalist-round {
-
<a name="Adrian Arellano"><dt>Adrián Arellano Davín (Biotecnología)</dt>
+
padding: 6px 30px;
-
<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>
+
-
<a name="David Caballero"><dt>David Caballero Pradas (Biotecnología)</dt>
+
-
<dd></dd></a>
+
-
<a name="Paola Gallardo"><dt>Paola Gallardo Palomo (Biotecnología)</dt>
+
-
<dd></dd></a>
+
-
<a name="Yolanda Elisabet Gonzalez"><dt>Yolanda Elisabet Gonzalez Flores (Biotecnología)</dt>
+
-
<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>
+
-
<a name="Jose Gutierrez"><dt>José Gutiérrez Tabuenca (Ing. Técnica Informática)</dt>
+
-
<dd></dd></a>
+
-
<a name="Jesus Jimenez"><dt>Jesús Jiménez Sobrado (Ing. Industrial)</dt>
+
-
<dd></dd></a>
+
-
<a name="Amalia Martinez"><dt>Amalia Martinez Segura (Biotecnología)</dt>
+
-
<dd></dd></a>
+
-
<a name="Aida Moreno"><dt>Aída Moreno Moral (Biotecnología)</dt>
+
-
<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>
+
-
<a name="Luis Eduardo Pavon"><dt>Luis Eduardo Pavón (Ing. Técnica Informática)</dt>
+
-
<dd></dd></a>
+
-
<a name="Felix Reyes"><dt>Félix Reyes Martín (Biotecnología)</dt>
+
-
<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>
+
/* 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 {
-
                        </div>
+
display: block;
-
                        <div class="left">
+
line-height: 1px; /* needed for IE7 */
-
                            <a href="http://www.upo.es" target="_blank" title="UPO official site">
+
text-indent: -9999px;
-
                                <img class="logoUPO" src="https://static.igem.org/mediawiki/2011/3/36/UPOSevillaGreyUPOIcon.gif" alt="UPO icon"/>
+
}
-
                            </a>
+
 
-
<ul id="menu">
+
 
-
<li><a href="#">Menu 1</a>
+
#slider { width: 1000px; height: 500px; }
-
<ul>
+
 
-
<li><a href="#">Submenu 1</a></li>
+
      </style>
-
<li><a href="#">Submenu 2</a></li>
+
 
-
<li><a href="#">Submenu 3</a></li>
+
      <script src="https://2011.igem.org/Team:UPO-Sevilla/js/anythingSlider.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
<li><a href="#">Submenu 4</a></li>
+
 
 +
<script>
 +
// DOM Ready
 +
$(function(){
 +
$('#slider').anythingSlider({
 +
theme          : 'minimalist-round',
 +
easing          : 'easeInOutBack',
 +
                                autoPlay        : true,
 +
// resumeDelay    : 10000, // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
 +
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"