Team:ITESM Mexico/Brainstorm

From 2011.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
{{Team:ITESM_Mexico/Top}}
{{Team:ITESM_Mexico/Top}}
 +
 +
 +
<html><h1 class="myowntitle">Brainstorm</h1> </html>
 +
----
<html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Line 10: Line 14:
             padding: 0;  width: 930px; list-style: none;
             padding: 0;  width: 930px; list-style: none;
             position: relative; margin:0 auto; height: 400px;
             position: relative; margin:0 auto; height: 400px;
 +
            background: #eef5f6;
         }
         }
         .roundabout-moveable-item {
         .roundabout-moveable-item {
Line 31: Line 36:
         }
         }
     </style>
     </style>
-
<h1>Know the process we follow for our project. Make click on the phase you want to know.</h1>
+
<h1>Road to iGEM</h1>
 +
<h2>Know the process we followed to design our project. Click on the phase you want to know.</h2>
   
   
     <ul id="myRoundabout">
     <ul id="myRoundabout">
-
         <li id="b1">1<img src="http://deviatan.com/sponsoring/brainstorm/brainstorm1.png" alt="Detection  of  salmonella  in food  samples" ></li>
+
         <li id="b1">1<img src="http://deviatan.com/sponsoring/brainstorm/brainstorm1.png" alt="" ></li>
         <li id="b2">2<img src="http://deviatan.com/sponsoring/brainstorm/brainstorm2.png" alt="" ></li>
         <li id="b2">2<img src="http://deviatan.com/sponsoring/brainstorm/brainstorm2.png" alt="" ></li>
         <li id="b3">3<img src="http://deviatan.com/sponsoring/brainstorm/brainstorm3.png" alt="" ></li>
         <li id="b3">3<img src="http://deviatan.com/sponsoring/brainstorm/brainstorm3.png" alt="" ></li>
Line 43: Line 49:
     </ul>
     </ul>
     <div id="filler">
     <div id="filler">
 +
        <center><h1 class="textcontent" id="title" ></h1></center>
         <span class="textcontent" id="text_b1" style="display:none; ">
         <span class="textcontent" id="text_b1" style="display:none; ">
             Salmonella is one of the principal microorganisms that cause food poisoning. It is a major concern for the food industry as it contaminates a wide range of food products quite easily. The impact on public health is considerable because Salmonella can be found in every country, so it can be considered a global public health issue. Developing countries have trouble keeping the sanitary conditions to prevent salmonellosis and typhoid fever that is why an effective method of detection is needed.<br>
             Salmonella is one of the principal microorganisms that cause food poisoning. It is a major concern for the food industry as it contaminates a wide range of food products quite easily. The impact on public health is considerable because Salmonella can be found in every country, so it can be considered a global public health issue. Developing countries have trouble keeping the sanitary conditions to prevent salmonellosis and typhoid fever that is why an effective method of detection is needed.<br>
Line 127: Line 134:
     <script >
     <script >
 +
        var titles = {
 +
b1: 'Detection  of  salmonella  in food  samples',
 +
b2: 'Intervention in extrinsic apoptosis pathways (Fas receptor) for the treatment of Systemic lupus erythematosus (SLE)',
 +
b3: 'Salmonella insullinae',
 +
b4: 'Aracnocoli',
 +
b5: 'CrazE. Coli Directed Motility Project. Aflatoxin detection',
 +
b6: 'CrazE. Coli Directed Motility Project. Xylene detection',
 +
b7: 'Genetically Modified Escherichia coli – An alternative way for electrical production in Microbial Fuel Cells'
 +
};
 +
         $('li').click(function() {
         $('li').click(function() {
             $('.textcontent').fadeOut(200);
             $('.textcontent').fadeOut(200);
             var id_text = '#text_' + $(this).attr('id');
             var id_text = '#text_' + $(this).attr('id');
-
             //alert(id_text);
+
             var useText = (typeof titles[$(this).attr('id')] != 'undefined') ? titles[$(this).attr('id')] : '';
 +
$('#title').html(useText).fadeIn(200);
             $(id_text).fadeIn(200);
             $(id_text).fadeIn(200);
         });
         });
-
       /* $('li').click(function() {
+
        
-
            var id_text = '#text_' + $(this).attr('id');
+
-
            //alert(id_text);
+
-
            $(id_text).fadeIn(200);
+
-
        }).blur(function() {
+
-
            var id_text2 = '#text_' + $(this).attr('id');
+
-
            //alert('#text_' + $(this).attr('id'));
+
-
            $(id_text2).fadeOut(100);
+
-
        });*/
+
         $(document).ready(function() {
         $(document).ready(function() {
             $('ul#myRoundabout').roundabout(
             $('ul#myRoundabout').roundabout(
             {
             {
-
                btnNext: '#next',
 
-
                btnPrev: '#previous',
 
                 reflect:'true',
                 reflect:'true',
                 shape: 'tearDrop'
                 shape: 'tearDrop'

Latest revision as of 03:49, 29 September 2011

ITESM MÉXICO

SensE.coli

Igem Itesm


Brainstorm

Road to iGEM

Know the process we followed to design our project. Click on the phase you want to know.

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

Retrieved from "http://2011.igem.org/Team:ITESM_Mexico/Brainstorm"