Difference between revisions of "Team:TecCEM/Collaborations"

 
(97 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{TecCEM/Menu}}
 
{{TecCEM/Menu}}
 +
{{TecCEM/BubblesTemplate}}
 +
{{TecCEM/header_generator}}
 
<html>
 
<html>
 
<head>
 
<head>
Line 5: Line 7:
 
<title>Untitled Document</title>
 
<title>Untitled Document</title>
 
</head>
 
</head>
 +
<script text="text/javascript">
 +
 +
window.onload = function(){
 +
                        generate_header("Collaborations", "30%", "5%","https://images.pexels.com/photos/220201/pexels-photo-220201.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260", "grey", "#030371", "white" );
 +
 +
var numOfBubbles = 6;
 +
            console.log("numOfBuublesDeclaredCorrectly");
 +
 +
for (j = 0;j < numOfBubbles;j++){
 +
    var bubble_size = generateRandomNumber(10,60);
 +
    var left = generateRandomNumber(85, 95);
 +
    var speed_percentage = generateRandomNumber(40,60);
 +
    generate_bubble(bubble_size, left, speed_percentage);
 +
}
 +
 +
    }
 +
 +
</script>
  
 
<body>
 
<body>
Line 14: Line 34:
 
padding: 0;
 
padding: 0;
 
}
 
}
−
svg{
+
.svg{
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
Line 20: Line 40:
 
}
 
}
 
 
−
svg path{
+
.svg path{
 
fill: #00394f;
 
fill: #00394f;
 
stroke: #eee;
 
stroke: #eee;
Line 26: Line 46:
 
transition: all 0.6s ease-out;
 
transition: all 0.6s ease-out;
 
}
 
}
−
svg path:hover{
+
.svg path:hover{
 
fill: #006284;
 
fill: #006284;
 
 
 
}
 
}
 
.world_contenedor{
 
.world_contenedor{
−
width: 80vw;
+
width: 95vw;
−
height: 80vh;
+
height: 95vh;
 
}
 
}
−
#MX, #MEX2731, #MEX2724, #PT, #MEX2727, #fra{
+
#MX, #MEX2731, #MEX2724, #PT, #MEX2727, #fra, #EC, #DE, #greece, #MEX2714, #RICO, #IE{
 
cursor: pointer;
 
cursor: pointer;
 
fill: #006284;
 
fill: #006284;
Line 197: Line 217:
 
width: 100vw;
 
width: 100vw;
 
height: 100vh;
 
height: 100vh;
 +
 
position: absolute;
 
position: absolute;
 
z-index: 9;
 
z-index: 9;
Line 337: Line 358:
  
 
-->
 
-->
−
<div class="Imagen_principal">
+
<!--<div class="Imagen_principal">
 
<img src="https://static.igem.org/mediawiki/2021/9/9f/T--TecCEM--FotoEquipoTexem.jpg" alt="">
 
<img src="https://static.igem.org/mediawiki/2021/9/9f/T--TecCEM--FotoEquipoTexem.jpg" alt="">
 
<div class="Titulo">
 
<div class="Titulo">
−
<h1 style= "font-family: 'Nunito', Times; font-weight: bold">Team</h1>
+
<h1 style= "font-family: 'Nunito', Times; font-weight: bold">Collaborations</h1>
 
</div>
 
</div>
 
<div class="Difuminado"></div>
 
<div class="Difuminado"></div>
−
</div>
+
</div>-->
−
<div class="cuerpo_principal">
+
 +
        <div class="overlay_container landing_image_div">
 +
 +
        </div>
 +
<br id="inicial">
 +
 
 +
<div class="cuerpo_principal bubbles_window">
 
 
 
 
Line 353: Line 380:
 
<div class="Texto" style="display: flex; flex-direction: column;">
 
<div class="Texto" style="display: flex; flex-direction: column;">
 
<div class="world_contenedor">
 
<div class="world_contenedor">
−
<svg baseprofile="tiny" fill="#ececec" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".2" version="1.2" viewbox="0 0 2000 857" width="2000" xmlns="http://www.w3.org/2000/svg">
+
<svg class="svg" baseprofile="tiny" fill="#ececec" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".2" version="1.2" viewbox="0 0 2000 857" width="2000" xmlns="http://www.w3.org/2000/svg">
 
  <path d="M1383 261.6l1.5 1.8-2.9 0.8-2.4 1.1-5.9 0.8-5.3 1.3-2.4 2.8 1.9 2.7 1.4 3.2-2 2.7 0.8 2.5-0.9 2.3-5.2-0.2 3.1 4.2-3.1 1.7-1.4 3.8 1.1 3.9-1.8 1.8-2.1-0.6-4 0.9-0.2 1.7-4.1 0-2.3 3.7 0.8 5.4-6.6 2.7-3.9-0.6-0.9 1.4-3.4-0.8-5.3 1-9.6-3.3 3.9-5.8-1.1-4.1-4.3-1.1-1.2-4.1-2.7-5.1 1.6-3.5-2.5-1 0.5-4.7 0.6-8 5.9 2.5 3.9-0.9 0.4-2.9 4-0.9 2.6-2-0.2-5.1 4.2-1.3 0.3-2.2 2.9 1.7 1.6 0.2 3 0 4.3 1.4 1.8 0.7 3.4-2 2.1 1.2 0.9-2.9 3.2 0.1 0.6-0.9-0.2-2.6 1.7-2.2 3.3 1.4-0.1 2 1.7 0.3 0.9 5.4 2.7 2.1 1.5-1.4 2.2-0.6 2.5-2.9 3.8 0.5 5.4 0z" id="AF" name="Afghanistan">
 
  <path d="M1383 261.6l1.5 1.8-2.9 0.8-2.4 1.1-5.9 0.8-5.3 1.3-2.4 2.8 1.9 2.7 1.4 3.2-2 2.7 0.8 2.5-0.9 2.3-5.2-0.2 3.1 4.2-3.1 1.7-1.4 3.8 1.1 3.9-1.8 1.8-2.1-0.6-4 0.9-0.2 1.7-4.1 0-2.3 3.7 0.8 5.4-6.6 2.7-3.9-0.6-0.9 1.4-3.4-0.8-5.3 1-9.6-3.3 3.9-5.8-1.1-4.1-4.3-1.1-1.2-4.1-2.7-5.1 1.6-3.5-2.5-1 0.5-4.7 0.6-8 5.9 2.5 3.9-0.9 0.4-2.9 4-0.9 2.6-2-0.2-5.1 4.2-1.3 0.3-2.2 2.9 1.7 1.6 0.2 3 0 4.3 1.4 1.8 0.7 3.4-2 2.1 1.2 0.9-2.9 3.2 0.1 0.6-0.9-0.2-2.6 1.7-2.2 3.3 1.4-0.1 2 1.7 0.3 0.9 5.4 2.7 2.1 1.5-1.4 2.2-0.6 2.5-2.9 3.8 0.5 5.4 0z" id="AF" name="Afghanistan">
 
  </path>
 
  </path>
Line 536: Line 563:
 
  <path class="Greece" d="M 1112.7 272.6 1115.8 274.8 1119.9 274.4 1123.9 274.8 1123.9 276 1126.7 275.2 1126.2 277.1 1118.6 277.6 1118.5 276.6 1111.9 275.3 1112.7 272.6 Z">
 
  <path class="Greece" d="M 1112.7 272.6 1115.8 274.8 1119.9 274.4 1123.9 274.8 1123.9 276 1126.7 275.2 1126.2 277.1 1118.6 277.6 1118.5 276.6 1111.9 275.3 1112.7 272.6 Z">
 
  </path>
 
  </path>
−
  <path class="Greece" d="M 1121.9 239.9 1118.7 239.7 1116 239.1 1109.8 240.7 1113.8 244.3 1111.3 245.4 1108.4 245.4 1105.3 242.1 1104.4 243.5 1106 247.3 1108.9 250.3 1107 251.7 1110.2 254.6 1113 256.5 1113.4 260.1 1108.4 258.4 1110.2 261.7 1106.9 262.3 1109.4 268 1105.9 268.1 1101.3 265.3 1098.9 260.2 1097.6 255.9 1095.3 253 1092.3 249.3 1091.8 247.5 1094 244.4 1094.1 242.3 1095.8 241.4 1095.7 239.7 1099.1 239.2 1100.9 237.8 1103.7 237.9 1104.5 236.8 1105.5 236.6 1109.3 236.8 1113.3 235 1117.2 237.3 1121.8 236.7 1121.5 233.5 1124.2 235.2 1123.1 239.2 1121.9 239.9 Z">
+
  <path class="Greece" id="greece" d="M 1121.9 239.9 1118.7 239.7 1116 239.1 1109.8 240.7 1113.8 244.3 1111.3 245.4 1108.4 245.4 1105.3 242.1 1104.4 243.5 1106 247.3 1108.9 250.3 1107 251.7 1110.2 254.6 1113 256.5 1113.4 260.1 1108.4 258.4 1110.2 261.7 1106.9 262.3 1109.4 268 1105.9 268.1 1101.3 265.3 1098.9 260.2 1097.6 255.9 1095.3 253 1092.3 249.3 1091.8 247.5 1094 244.4 1094.1 242.3 1095.8 241.4 1095.7 239.7 1099.1 239.2 1100.9 237.8 1103.7 237.9 1104.5 236.8 1105.5 236.6 1109.3 236.8 1113.3 235 1117.2 237.3 1121.8 236.7 1121.5 233.5 1124.2 235.2 1123.1 239.2 1121.9 239.9 Z">
 
  </path>
 
  </path>
 
  <path d="M896.3 1.4l19.9 3-6.7 1.4-13 0.2-18.5 0.4 1.4 0.7 12.3-0.5 9.7 1.4 7-1.2 2.4 1.4-4.5 2.4 9.2-1.6 17.1-1.5 10 0.8 1.7 1.7-14.8 2.9-2.2 1-11.4 0.8 8.1 0.2-4.9 3.2-3.6 2.9-1.2 5.2 3.7 3.2-5.9 0.1-6.5 1.6 6.3 2.6-0.1 4.2-4.2 0.5 4.1 4.3-8.7 0.4 4 2-1.6 1.8-5.7 0.8-5.5 0.1 4.2 3.4-0.5 2.4-7.3-2.2-2.4 1.4 5 1.3 4.6 3.2 0.6 4.3-7.4 1-2.7-2.1-4.2-3 0.5 3.6-5.4 2.8 10.7 0.2 5.5 0.3-11.9 4.7-12.2 4.3-12.7 1.8-4.6 0.1-4.9 2.1-7.5 5.8-10.2 3.9-3 0.3-6.1 1.3-6.6 1.4-4.8 3.4-1.4 4-3.4 3.8-8.6 4.6 0.3 4.5-3.6 4.8-4.1 5.7-6.5 0.4-5-4.8-9-0.1-3.2-3.2-0.8-5.6-4.8-7.2-0.7-3.7 1.5-5.1-3.7-5.1 3.3-4.1-1.9-2 7-6.4 7.2-2.1 2.6-2.2 2.8-4.2-5.5 1.9-2.6 0.8-4.1 0.7-4.2-1.7 1.5-3.7 3-2.8 3.8-0.1 7.6 1.5-5.3-3.4-2.7-1.8-4.4 0.7-2.6-1.3 7-4.8-1.3-2-1.1-3.5-1.4-5.4-3.6-1.9 1.4-2.1-8.1-2.9-7.7-0.4-10.1 0.2-9.5 0.4-3.1-1.6-3.8-3.1 11-1.5 7.6-0.2-14.6-1.3-6.5-1.9 2.2-1.8 15.7-2.2 15-2.2 2.8-1.6-8.1-1.6 4.6-1.7 14.7-2.9 5.4-0.4 0.2-1.8 9-1.1 11-0.6 10.4 0 2.8 1.2 10.6-2.2 7.1 1.5 4.6 0.3 6.2 1.3-6.7-2.1 1.6-1.7 12.7-2.2 11.6 0.2 5.1-1.4 11.9-0.3 26.3 0.4z" id="GL" name="Greenland">
 
  <path d="M896.3 1.4l19.9 3-6.7 1.4-13 0.2-18.5 0.4 1.4 0.7 12.3-0.5 9.7 1.4 7-1.2 2.4 1.4-4.5 2.4 9.2-1.6 17.1-1.5 10 0.8 1.7 1.7-14.8 2.9-2.2 1-11.4 0.8 8.1 0.2-4.9 3.2-3.6 2.9-1.2 5.2 3.7 3.2-5.9 0.1-6.5 1.6 6.3 2.6-0.1 4.2-4.2 0.5 4.1 4.3-8.7 0.4 4 2-1.6 1.8-5.7 0.8-5.5 0.1 4.2 3.4-0.5 2.4-7.3-2.2-2.4 1.4 5 1.3 4.6 3.2 0.6 4.3-7.4 1-2.7-2.1-4.2-3 0.5 3.6-5.4 2.8 10.7 0.2 5.5 0.3-11.9 4.7-12.2 4.3-12.7 1.8-4.6 0.1-4.9 2.1-7.5 5.8-10.2 3.9-3 0.3-6.1 1.3-6.6 1.4-4.8 3.4-1.4 4-3.4 3.8-8.6 4.6 0.3 4.5-3.6 4.8-4.1 5.7-6.5 0.4-5-4.8-9-0.1-3.2-3.2-0.8-5.6-4.8-7.2-0.7-3.7 1.5-5.1-3.7-5.1 3.3-4.1-1.9-2 7-6.4 7.2-2.1 2.6-2.2 2.8-4.2-5.5 1.9-2.6 0.8-4.1 0.7-4.2-1.7 1.5-3.7 3-2.8 3.8-0.1 7.6 1.5-5.3-3.4-2.7-1.8-4.4 0.7-2.6-1.3 7-4.8-1.3-2-1.1-3.5-1.4-5.4-3.6-1.9 1.4-2.1-8.1-2.9-7.7-0.4-10.1 0.2-9.5 0.4-3.1-1.6-3.8-3.1 11-1.5 7.6-0.2-14.6-1.3-6.5-1.9 2.2-1.8 15.7-2.2 15-2.2 2.8-1.6-8.1-1.6 4.6-1.7 14.7-2.9 5.4-0.4 0.2-1.8 9-1.1 11-0.6 10.4 0 2.8 1.2 10.6-2.2 7.1 1.5 4.6 0.3 6.2 1.3-6.7-2.1 1.6-1.7 12.7-2.2 11.6 0.2 5.1-1.4 11.9-0.3 26.3 0.4z" id="GL" name="Greenland">
Line 1,060: Line 1,087:
 
  <path class="Puerto Rico" d="M 621.7 385.4 621.5 385.4 620.6 385.7 620 385.7 620.2 385.5 620.6 385.3 621 385.2 621.6 385.3 621.7 385.4 Z">
 
  <path class="Puerto Rico" d="M 621.7 385.4 621.5 385.4 620.6 385.7 620 385.7 620.2 385.5 620.6 385.3 621 385.2 621.6 385.3 621.7 385.4 Z">
 
  </path>
 
  </path>
−
  <path class="Puerto Rico" d="M 612.2 383 612.8 383.1 613.4 383.1 613.7 383.2 614.3 383.1 614.6 383.2 615 383.1 615.2 383.2 615.7 383.1 616.1 383.2 616.4 383.2 617.2 383.4 617.2 383.2 617.8 383.4 617.9 383.3 618.7 383.4 618.9 383.6 619.1 383.6 619.7 383.9 619.9 383.8 619.8 384.5 620 384.8 619.1 385.1 618.8 385.5 618.5 386.1 618.2 386.3 617.9 386.4 617.5 386.4 616.9 386.5 616.6 386.7 615.9 386.6 615.7 386.4 615.2 386.6 614.9 386.3 614.2 386.5 613.3 386.4 613 386.5 612.4 386.6 612.2 386.7 612 386.5 611.6 386.4 611.3 386.6 610.7 386.5 611 385.8 611 385.4 611.2 385 611 384.4 610.8 384.3 610.7 383.9 611.1 383.7 611.3 383.6 611.3 383.1 611.7 382.9 612.2 383 Z">
+
  <path class="Puerto Rico" id="RICO" d="M 612.2 383 612.8 383.1 613.4 383.1 613.7 383.2 614.3 383.1 614.6 383.2 615 383.1 615.2 383.2 615.7 383.1 616.1 383.2 616.4 383.2 617.2 383.4 617.2 383.2 617.8 383.4 617.9 383.3 618.7 383.4 618.9 383.6 619.1 383.6 619.7 383.9 619.9 383.8 619.8 384.5 620 384.8 619.1 385.1 618.8 385.5 618.5 386.1 618.2 386.3 617.9 386.4 617.5 386.4 616.9 386.5 616.6 386.7 615.9 386.6 615.7 386.4 615.2 386.6 614.9 386.3 614.2 386.5 613.3 386.4 613 386.5 612.4 386.6 612.2 386.7 612 386.5 611.6 386.4 611.3 386.6 610.7 386.5 611 385.8 611 385.4 611.2 385 611 384.4 610.8 384.3 610.7 383.9 611.1 383.7 611.3 383.6 611.3 383.1 611.7 382.9 612.2 383 Z">
 
  </path>
 
  </path>
 
  <path class="French Polynesia" d="M 195.3 679.3 195.2 679.2 195 678.9 195.1 678.7 195.4 678.9 195.3 679.3 Z">
 
  <path class="French Polynesia" d="M 195.3 679.3 195.2 679.2 195 678.9 195.1 678.7 195.4 678.9 195.3 679.3 Z">
Line 1,304: Line 1,331:
 
 
 
<div id="mexicomap" class="hidden_colaboration" style="width: 70%;">
 
<div id="mexicomap" class="hidden_colaboration" style="width: 70%;">
−
<p class="backtotheworld" style="text-decoration: none;
+
<p class="backtotheworld">&laquo; Back to the whole world</p>
−
display: inline-block;
+
<svg class="svg" baseprofile="tiny" fill="#7c7c7c" height="631" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" version="1.2" viewbox="0 0 1000 631" width="1000" xmlns="http://www.w3.org/2000/svg">
−
  padding: 8px 16px;
+
−
cursor: pointer;
+
−
background-color: #f1f1f1;
+
−
z-index: 9999;
+
−
  color: black;">&laquo; Back to the whole world</p>
+
−
<svg baseprofile="tiny" fill="#7c7c7c" height="631" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" version="1.2" viewbox="0 0 1000 631" width="1000" xmlns="http://www.w3.org/2000/svg">
+
 
  <path d="M901.9 362.5l0 0.2-0.2-0.1-0.3 0.1 0.3-0.2 0.2 0z m2.8 0.4l1.1 0.9 1 1.5 0.5 1.2-0.4 1.8-0.4 1-0.5 0.4-0.4-0.1-0.6-0.3-0.3-0.3 0.1-0.4-0.3-0.6 0.2-0.2 0.5-0.2 0.6-0.6 0.1-0.8-0.6-0.7-0.4-0.5-0.1-0.8-0.8-0.4-0.7-0.3-0.6 0.2-0.2 0.5-0.3-0.1 0.2-0.5 0.3-0.5 0.3-0.5 0.5-0.2 1.2 0.5z" id="MEX99" name="">
 
  <path d="M901.9 362.5l0 0.2-0.2-0.1-0.3 0.1 0.3-0.2 0.2 0z m2.8 0.4l1.1 0.9 1 1.5 0.5 1.2-0.4 1.8-0.4 1-0.5 0.4-0.4-0.1-0.6-0.3-0.3-0.3 0.1-0.4-0.3-0.6 0.2-0.2 0.5-0.2 0.6-0.6 0.1-0.8-0.6-0.7-0.4-0.5-0.1-0.8-0.8-0.4-0.7-0.3-0.6 0.2-0.2 0.5-0.3-0.1 0.2-0.5 0.3-0.5 0.3-0.5 0.5-0.2 1.2 0.5z" id="MEX99" name="">
 
  </path>
 
  </path>
Line 1,486: Line 1,507:
 
  <input type="radio" name="radio-btn" id="zetasizerradio4">
 
  <input type="radio" name="radio-btn" id="zetasizerradio4">
 
  <input type="radio" name="radio-btn" id="zetasizerradio5">
 
  <input type="radio" name="radio-btn" id="zetasizerradio5">
 +
  <input type="radio" name="radio-btn" id="zetasizerradio6">
 
<!--radio buttons end-->
 
<!--radio buttons end-->
 
<!--slide images start-->
 
<!--slide images start-->
Line 1,502: Line 1,524:
 
<div class="slide">
 
<div class="slide">
 
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/f/fe/T--TecCEM--zetasizer5.jpeg ">
 
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/f/fe/T--TecCEM--zetasizer5.jpeg ">
 +
    </div>
 +
<div class="slide">
 +
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/3/39/T--TecCEM--zetasizer6.png">
 
    </div>
 
    </div>
 
 
 
 
Line 1,512: Line 1,537:
 
<div class="auto-btn4"></div>
 
<div class="auto-btn4"></div>
 
<div class="auto-btn5"></div>
 
<div class="auto-btn5"></div>
 +
<div class="auto-btn6"></div>
 
</div>
 
</div>
 
<!--automatic navigation end-->
 
<!--automatic navigation end-->
Line 1,522: Line 1,548:
 
<label for="zetasizerradio4" class="manual-btn"></label>
 
<label for="zetasizerradio4" class="manual-btn"></label>
 
<label for="zetasizerradio5" class="manual-btn"></label>
 
<label for="zetasizerradio5" class="manual-btn"></label>
 +
<label for="zetasizerradio6" class="manual-btn"></label>
 
  </div>
 
  </div>
 
  <!--manual navigation end-->
 
  <!--manual navigation end-->
 
</div>
 
</div>
 +
</div>
 +
<br><br>
 +
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 +
<h2>Microplastic and water treatment</h2>
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;"> Collaboration with iGEM Portugal finding a doctor on our campus that fitted with their needs.
 +
They had questions about water treatment and the relation or methods with microplastic pollution. Doctor Rosa María Murillo Torres, professor of EIC Sustainable and Civil Technologies on Tecnológico de Monterrey Campus Estado de México. She's an expert in water treatment of pollutants in the industry.
 +
</p>
 +
<br>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
<div id="smbb" class="hidden_colaboration">
 
<div id="smbb" class="hidden_colaboration">
 +
 
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
−
<h2>National Congress of Biotechnology and Bioengineering 2021</h2>
+
<h2>iGEM UAM - CDMX</h2>
−
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">The SMBB or Mexican Society of Biotechnology and Bioengineering is the most important scientific group in the area of biotechnology in Mexico. It focuses on new trends and advances in the field of biotechnology applied to different sectors such as environment, energetics, the pharmaceutical and food industry. This year, we will participate in this congress, in which we will explain part of the project we are developing.  
+
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">This video represents us at the beginning of our trip on our iGEM Team. We were, and still are, very excited about our project, being sure we will contribute to not only Mexico's drinking water but an entire community. These activities let us show people our personality, our excitement, and our project. Also let us watch, know, and learn from the other participating teams.
 
</p>
 
</p>
 
<br>
 
<br>
Line 1,537: Line 1,573:
 
  <div class="slides">
 
  <div class="slides">
 
<!--radio buttons start-->
 
<!--radio buttons start-->
−
<input type="radio" name="radio-btn" id="smbbradio1">
+
<input type="radio" name="radio-btn" id="uamradio1">
 
<!--radio buttons end-->
 
<!--radio buttons end-->
 
<!--slide images start-->
 
<!--slide images start-->
 
<div class="slide first">
 
<div class="slide first">
−
<img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/6/67/T--TecCEM--smbb1.png">
+
<iframe width="800" height="500" src="https://www.youtube.com/embed/v_A-1ZiO1jI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
 
 
</div>
 
</div>
Line 1,554: Line 1,590:
 
  <!--manual navigation start-->
 
  <!--manual navigation start-->
 
  <div class="navigation-manual">
 
  <div class="navigation-manual">
−
<label for="smbbradio1" class="manual-btn"></label>
+
<label for="uamradio1" class="manual-btn"></label>
 +
 +
  </div>
 +
  <!--manual navigation end-->
 +
</div>
 +
</div>
 +
 +
<br><br>
 +
 +
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 +
<h2>Ollin Synbio IPN Assessment - CDMX</h2>
 +
<div class="txt">
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">
 +
A collaboration was made with the Ollin SynBio – IPN team from iGEM Design League. A meeting was scheduled to hear the details of their project and give them feedback regarding the objectives, scope, justification and in silico analysis of the results obtained. We note that the proposal has areas for improvement to make the teaching kit proposed by Ollin more practical and functional. We observed that their project had affinity with the objectives of the Bioengineering department of our school, regarding the promotion of science and delivering of educational kits to low-income schools to ensure that more young people could have an experience with synthetic biology.
 +
A collaboration was coordinated to support the Ollin initiative with miniaturized equipment such as centrifuges, electrophoresis chambers and blue light transilluminators. This laboratory equipment was designed by teachers and first advisors</p>
 +
 
 +
<div class="Apacite">
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem; text-decoration: underline;">from our institution,</p>
 +
<span class="cite">
 +
<h3>Reference</h3>
 +
<p>Y. Padilla. "Home Labs, brinda a estudiantes la oportunidad de continuar realizando prácticas de laboratorio desde casa y no perder el contenido práctico que es imprescindible en su desarrollo académico". CONECTA. <a href="https://tec.mx/es/noticias/estado-de-mexico/educacion/laboratorio-en-casa-profesores-crean-kits-para-practicas">https://tec.mx/es/noticias/estado-de-mexico/educacion/laboratorio-en-casa-profesores-crean-kits-para-practicas</a></p>
 +
</span>
 +
</div>
 +
 
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">
 +
who serve as our instructors and advisors, in addition to the fact that we as students have tested the equipment, giving feedback for their improvement. We are very excited about this alliance to improve education in Mexico. To formalize this collaboration, a written request was made.
 +
 
 +
Additionally, we collaborate reviewing the descriptions and designs of mutant sequences. We teach the Ollin team how to align wild type vs mutant protein structures to show possible important differences that impact the enzymatic activity of a polymerase. Additionally, they were taught how to simulate the interaction of the polymerase with DNA, again to compare the binding of the wild-type enzyme against the mutant one.
 +
 
 +
</p>
 +
</div>
 +
<br>
 +
<div class="slider">
 +
  <div class="slides">
 +
<!--radio buttons start-->
 +
<input type="radio" name="radio-btn" id="ipnradio1">
 +
  <input type="radio" name="radio-btn" id="ipnradio2">
 +
  <input type="radio" name="radio-btn" id="ipnradio3">
 +
  <input type="radio" name="radio-btn" id="ipnradio4">
 +
<!--radio buttons end-->
 +
<!--slide images start-->
 +
<div class="slide first">
 +
<div class="viewer" id="ipnviewer1" style="width:800px; height:500px;"></div>
 +
</div>
 +
<div class="slide">
 +
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/2/25/T--TecCEM--ipn2.jpeg">
 +
</div>
 +
<div class="slide">
 +
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/3/3e/T--TecCEM--ipn3.jpeg">
 +
</div>
 +
<div class="slide">
 +
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/c/c6/T--TecCEM--ipn4.jpeg">
 +
</div>
 +
 +
<!--slide images end-->
 +
<!--automatic navigation start-->
 +
<div class="navigation-auto">
 +
<div class="auto-btn1"></div>
 +
<div class="auto-btn2"></div>
 +
<div class="auto-btn3"></div>
 +
<div class="auto-btn4"></div>
 +
</div>
 +
<!--automatic navigation end-->
 +
  </div>
 +
  <!--manual navigation start-->
 +
  <div class="navigation-manual">
 +
  <label for="ipnradio1" class="manual-btn"></label>
 +
  <label for="ipnradio2" class="manual-btn"></label>
 +
  <label for="ipnradio3" class="manual-btn"></label>
 +
  <label for="ipnradio4" class="manual-btn"></label>
 
 
 
  </div>
 
  </div>
Line 1,560: Line 1,665:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
 
</div>
 
</div>
 
 
 
<div id="francia" class="hidden_colaboration">
 
<div id="francia" class="hidden_colaboration">
 
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
−
<h2>Monument challenge - Paris, Francia</h2>
+
<h2>Monument challenge - Paris, France</h2>
 
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;"><strong>iGEM go paris saclay.</strong> Going on a safe trip to the nearest monument was exciting and necessary for us to enjoy time with our own team. I guess we all knew a little bit more not just of our own team and country, but of others enjoying this cool cultural challenge.  
 
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;"><strong>iGEM go paris saclay.</strong> Going on a safe trip to the nearest monument was exciting and necessary for us to enjoy time with our own team. I guess we all knew a little bit more not just of our own team and country, but of others enjoying this cool cultural challenge.  
 
</p>
 
</p>
Line 1,596: Line 1,703:
 
<br><br>
 
<br><br>
 
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
−
<h2>Emoji contest - Marsella, Francia</h2>
+
<h2>Emoji contest - Marseille, France</h2>
 
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;"><strong>iGEM Maixmarseille.</strong> Emojis were too fun to interact, and guess the project just analyzing them. To do so, we needed to know a little bit more about other projects, it was a fantastic way to know others.
 
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;"><strong>iGEM Maixmarseille.</strong> Emojis were too fun to interact, and guess the project just analyzing them. To do so, we needed to know a little bit more about other projects, it was a fantastic way to know others.
 
</p>
 
</p>
Line 1,627: Line 1,734:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<!--Pendiente de imagenes -->
 +
<div id="debate" class="hidden_colaboration">
 +
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 +
<h2>Debate Bioethics - iGEM Ecuador</h2>
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">Bioethics is a branch of biology that focuses on trying to answer a fundamental question: what we are doing is right? Where is the moral in biology and biotechnology? Where do we draw the line? During this debate (organized by several LATAM teams), we were given a polemic topic regarding bioethics and the use of biotechnology, and a position to defend. We exposed our arguments and were evaluated by a group of judges.
 +
</p>
 +
<br>
 +
<div class="slider">
 +
  <div class="slides">
 +
<!--radio buttons start-->
 +
<input type="radio" name="radio-btn" id="debateradio1">
 +
<!--radio buttons end-->
 +
<!--slide images start-->
 +
<div class="slide first">
 +
<div class="viewer" id="debateviewer1" style="width:800px; height:500px;"></div>
 +
 +
</div>
 +
 +
<!--slide images end-->
 +
<!--automatic navigation start-->
 +
<div class="navigation-auto">
 +
<div class="auto-btn1"></div>
 +
</div>
 +
<!--automatic navigation end-->
 +
  </div>
 +
  <!--manual navigation start-->
 +
  <div class="navigation-manual">
 +
<label for="debateradio1" class="manual-btn"></label>
 +
 +
  </div>
 +
  <!--manual navigation end-->
 +
</div>
 +
</div>
 +
</div>
 +
 +
<!--Pendiente de imagenes -->
 +
 +
 +
<!--Pendiente de imagenes -->
 +
<div id="alemania" class="hidden_colaboration">
 +
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 +
<h2>Postcards - Düsseldorf, Germany</h2>
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;"> <strong>iGEM Düsseldorf.</strong> We wanted to be part of the legendary tradition of postcards around the world that iGEM düsseldorf owns. We joined this phenomenal event with our design and received great letters from many teams around the world, knowing and asking about their projects.
 +
 +
</p>
 +
<br>
 +
<div class="slider">
 +
  <div class="slides">
 +
<!--radio buttons start-->
 +
<input type="radio" name="radio-btn" id="alemaniaradio1">
 +
  <input type="radio" name="radio-btn" id="alemaniaradio2">
 +
  <input type="radio" name="radio-btn" id="alemaniaradio3">
 +
  <input type="radio" name="radio-btn" id="alemaniaradio4">
 +
  <input type="radio" name="radio-btn" id="alemaniaradio5">
 +
<!--radio buttons end-->
 +
<!--slide images start-->
 +
<div class="slide first">
 +
<img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/2/28/T--TecCEM--postcards1.png">
 +
</div>
 +
  <div class="slide">
 +
<img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/c/c7/T--TecCEM--postcards2.png">
 +
</div>
 +
  <div class="slide">
 +
<div class="viewer" id="alemaniaviewer1" style="width:800px; height:500px;"></div>
 +
</div>
 +
  <div class="slide">
 +
<div class="viewer" id="alemaniaviewer2" style="width:800px; height:500px;"></div>
 +
</div>
 +
  <div class="slide">  
 +
  <iframe width="800" height="500" src="https://www.youtube.com/embed/mcuize1HrdQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 +
</div>
 +
 +
<!--slide images end-->
 +
<!--automatic navigation start-->
 +
<div class="navigation-auto">
 +
<div class="auto-btn1"></div>
 +
<div class="auto-btn2"></div>
 +
<div class="auto-btn3"></div>
 +
<div class="auto-btn4"></div>
 +
<div class="auto-btn5"></div>
 +
</div>
 +
<!--automatic navigation end-->
 +
  </div>
 +
  <!--manual navigation start-->
 +
  <div class="navigation-manual">
 +
<label for="alemaniaradio1" class="manual-btn"></label>
 +
  <label for="alemaniaradio2" class="manual-btn"></label>
 +
  <label for="alemaniaradio3" class="manual-btn"></label>
 +
  <label for="alemaniaradio4" class="manual-btn"></label>
 +
  <label for="alemaniaradio5" class="manual-btn"></label>
 +
 +
  </div>
 +
  <!--manual navigation end-->
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="grecia" class="hidden_colaboration">
 +
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 +
<h2>Sustainable Goals Video - Patras, Greece</h2>
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;"> We were part of these amazing collab about SDG goals that are being accomplished by iGEM teams. Showing how the TEC CEM team is committed to be part of these evolution, contributing to SDG´s like 3 good health and wealth being, 6 clean water and sanitation and 14 life below water. The full video collecting all the SDG´s iGEM teams are part can be watched below.
 +
</p>
 +
<br>
 +
<div class="slider">
 +
  <div class="slides">
 +
<!--radio buttons start-->
 +
<input type="radio" name="radio-btn" id="sdgradio1">
 +
<!--radio buttons end-->
 +
<!--slide images start-->
 +
<div class="slide first">
 +
<iframe width="800" height="500" src="https://www.youtube.com/embed/dYTefIyY_S0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 +
 +
</div>
 +
 +
<!--slide images end-->
 +
<!--automatic navigation start-->
 +
<div class="navigation-auto">
 +
<div class="auto-btn1"></div>
 +
</div>
 +
<!--automatic navigation end-->
 +
  </div>
 +
  <!--manual navigation start-->
 +
  <div class="navigation-manual">
 +
<label for="sdgradio1" class="manual-btn"></label>
 +
 +
  </div>
 +
  <!--manual navigation end-->
 +
</div>
 +
</div>
 +
<br><br>
 +
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 +
<h2>Rosalind Chronicles - Patras, Greece</h2>
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">Teams iGEM Concordia, ULaval, Patras and Thessaloniki were the authors of collaborating to present a workshop about women’s implication in STEM through history and how research and iGEM teams are more diverse and inclusive nowadays. We shared 1 photo of female iGEM teammates and 1 photo of our team’s favorite female scientist who changed the world.
 +
</p>
 +
<br>
 +
</div>
 +
 +
</div>
 +
 +
<div id="uanl" class="hidden_colaboration">
 +
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 +
<h2>Mujer inspiradora - Monterrey, Mexico</h2>
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">The dynamic consisted of using #MujeresQueInspiran with a photo or story with an inspiring woman. We decided to honor Maria Telkes, she is an amazing woman and it was difficult deciding whom will we put in this collab, cause there are so many scientific woman we all admire. We chose her because it is a pioneer in one of the most important areas of sustainable technology.
 +
</p>
 +
<br>
 +
<div class="slider">
 +
  <div class="slides">
 +
<!--radio buttons start-->
 +
<input type="radio" name="radio-btn" id="uanlradio1">
 +
<!--radio buttons end-->
 +
<!--slide images start-->
 +
<div class="slide first">
 +
<img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/3/30/T--TecCEM--uanl1.png">
 +
 +
</div>
 +
 +
<!--slide images end-->
 +
<!--automatic navigation start-->
 +
<div class="navigation-auto">
 +
<div class="auto-btn1"></div>
 +
</div>
 +
<!--automatic navigation end-->
 +
  </div>
 +
  <!--manual navigation start-->
 +
  <div class="navigation-manual">
 +
<label for="uanlradio1" class="manual-btn"></label>
 +
 +
  </div>
 +
  <!--manual navigation end-->
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="envirospeaks" class="hidden_colaboration">
 +
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 +
<h2>Envirospeaks collaboration - Puerto Rico</h2>
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">We took part in this environmental challenge due to all the contaminants around the world we are facing, exposing our poster of endocrine disrupting chemicals as well to create consciousness in our society. Watching all the contaminants other teams shared  made us realize that there are too many, and if we all take consciousness we can change our lifestyle and make it more eco-friendly.
 +
</p>
 +
<br>
 +
<div class="slider">
 +
  <div class="slides">
 +
<!--radio buttons start-->
 +
<input type="radio" name="radio-btn" id="envirospeaksradio1">
 +
<!--radio buttons end-->
 +
<!--slide images start-->
 +
<div class="slide first">
 +
<img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/5/59/T--TecCEM--envirospeaks1.png">
 +
</div>
 +
 +
<!--slide images end-->
 +
<!--automatic navigation start-->
 +
<div class="navigation-auto">
 +
<div class="auto-btn1"></div>
 +
</div>
 +
<!--automatic navigation end-->
 +
  </div>
 +
  <!--manual navigation start-->
 +
  <div class="navigation-manual">
 +
<label for="envirospeaksradio1" class="manual-btn"></label>
 +
 +
  </div>
 +
  <!--manual navigation end-->
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="martina" class="hidden_colaboration">
 +
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
 +
<h2>Martina, Tec Cem martian friend - Ireland</h2>
 +
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">Martina, MTU iGEM team mascot was present in Mexico too, since we also shared a little bit of our project through her. We were able to meet many of Martina´s iGEM friends, we visited every team project that the martian shared, it was awesome to meet other teams because of her.
 +
</p>
 +
<br>
 +
<div class="slider">
 +
  <div class="slides">
 +
<!--radio buttons start-->
 +
<input type="radio" name="radio-btn" id="martinaradio1">
 +
<input type="radio" name="radio-btn" id="martinaradio2">
 +
<!--radio buttons end-->
 +
<!--slide images start-->
 +
<div class="slide first">
 +
<img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/0/0c/T--TecCEM--martina1.png">
 +
</div>
 +
<div class="slide">
 +
  <div class="viewer" id="martina1" style="width:800px; height:500px;"></div>
 +
</div>
 +
 +
<!--slide images end-->
 +
<!--automatic navigation start-->
 +
<div class="navigation-auto">
 +
<div class="auto-btn1"></div>
 +
<div class="auto-btn2"></div>
 +
</div>
 +
<!--automatic navigation end-->
 +
  </div>
 +
  <!--manual navigation start-->
 +
  <div class="navigation-manual">
 +
<label for="martinaradio1" class="manual-btn"></label>
 +
<label for="martinaradio2" class="manual-btn"></label>
 +
 +
  </div>
 +
  <!--manual navigation end-->
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 
</div>
 
</div>
 
 
Line 1,632: Line 1,988:
 
<div class="tips">
 
<div class="tips">
 
<img src="https://static.igem.org/mediawiki/2021/5/58/T--TecCEM--idea.png" style="width: 25%; display: inline-block" alt="idea">
 
<img src="https://static.igem.org/mediawiki/2021/5/58/T--TecCEM--idea.png" style="width: 25%; display: inline-block" alt="idea">
−
<h4 style="display: inline-block; font-family: Nunito; font-size: 1.8rem">Tips</h4>
+
<h4 style="display: inline-block; font-family: Nunito; font-size: 1.8rem">Tip</h4>
−
<p style="padding: 0; margin: 0; display: inline; font-family: Roboto; font-size: 1.1rem; text-align: center">Click on "week"</p>
+
<p style="padding: 0; margin: 0; display: inline; font-family: Roboto; font-size: 1.1rem; text-align: center">Click on the highlighted countries</p>
 
</div>
 
</div>
 +
<div class="menu_lateral" id="menu_lateral">
 +
<ul style="list-style: none; margin: 0; padding: 0;">
 +
<li style="margin-top: 1rem; cursor: default; font-weight: bold; font-size: 1.7rem; font-family: Nunito, Times; border-bottom: 2.5px solid #000">
 +
<center>Our collaborations:</center></li>
 +
<li id="PT_" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">NOVA Portugal & iGEM TEC MTY</li>
 +
<li id="DE_" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">iGEM Düsseldorf</li>
 +
<li id="go" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">iGEM go paris saclay</li>
 +
<li id="PT_2" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">iGEM Portugal</li>
 +
<li id="maix" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">iGEM Maixmarseille</li>
 +
 +
<li id="patras" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">iGEM Patras</li>
 +
<li id="uanl_" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">iGEM UANL</li>
 +
<li id="uam_" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">iGEM UAM</li>
 +
<li id="rico_" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">iGEM RUM</li>
 +
<li id="irlanda_" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">iGEM MTU</li>
 +
<li id="ipn_" class="menu_section" style="font-family: Nunito, Times; font-size: 1.1rem">Ollin Synbio IPN</li>
 +
</ul>
 +
<div style="align-self: center; border-radius: 100rem; overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);">
 +
<img src="https://static.igem.org/mediawiki/2021/1/1c/T--TecCEM--logo.png" style = "width: 100%"  alt="TecCEM logo">
 +
</div>
 +
 +
</div>
 +
 
</div>
 
</div>
 
<br id="final">
 
<br id="final">
 +
 
<style>
 
<style>
 
.hidden_colaboration{
 
.hidden_colaboration{
Line 1,644: Line 2,024:
 
width: 100%;  
 
width: 100%;  
 
}
 
}
−
.ColaboracionCon{
+
.backtotheworld{
−
width: 100%;
+
text-decoration: none;
−
display: flex;
+
display: inline-block;
−
flex-direction: column;
+
  padding: 8px 16px;
 +
cursor: pointer;
 +
background-color: #008ABA;
 +
z-index: 9999;
 +
  color: black;
 +
transition: all 0.8s ease-out;
 +
}
 +
.backtotheworld:hover{
 +
background: #006284;
 +
color: white;
 
}
 
}
 
 
Line 1,654: Line 2,043:
 
<script>
 
<script>
 
//document.getElementById('MX').addEventListener('click', document.querySelector(".world_contenedor").classList.add("hidden_colaboration"))
 
//document.getElementById('MX').addEventListener('click', document.querySelector(".world_contenedor").classList.add("hidden_colaboration"))
 +
 
const toggleModal_Mx = () => {
 
const toggleModal_Mx = () => {
 
document.querySelector(".world_contenedor").classList.toggle("hidden_colaboration");
 
document.querySelector(".world_contenedor").classList.toggle("hidden_colaboration");
 
document.querySelector("#mexicomap").classList.toggle("hidden_colaboration");
 
document.querySelector("#mexicomap").classList.toggle("hidden_colaboration");
 +
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
 
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
 
 
Line 1,666: Line 2,067:
 
const toggleModal_MeetUpLatam = () => {
 
const toggleModal_MeetUpLatam = () => {
 
document.querySelector("#meetuplatam").classList.toggle("hidden_colaboration");
 
document.querySelector("#meetuplatam").classList.toggle("hidden_colaboration");
 +
 +
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
 
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
 
//document.querySelector("#colaboracionrusia").classList.add("hidden_colaboration");
 
//document.querySelector("#colaboracionrusia").classList.add("hidden_colaboration");
Line 1,674: Line 2,086:
 
const toggleModal_GreenFest = () => {
 
const toggleModal_GreenFest = () => {
 
document.querySelector("#greenfest").classList.toggle("hidden_colaboration");
 
document.querySelector("#greenfest").classList.toggle("hidden_colaboration");
−
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
+
−
//document.querySelector("#colaboracionrusia").classList.add("hidden_colaboration");
+
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 +
 
};
 
};
 
//Al Puebla
 
//Al Puebla
Line 1,682: Line 2,104:
 
const toggleModal_ZetaSiza = () => {
 
const toggleModal_ZetaSiza = () => {
 
document.querySelector("#zetasizer").classList.toggle("hidden_colaboration");
 
document.querySelector("#zetasizer").classList.toggle("hidden_colaboration");
−
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
+
−
//document.querySelector("#colaboracionrusia").classList.add("hidden_colaboration");
+
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 
};
 
};
 
//Portugal
 
//Portugal
 
    document.querySelector("#PT").addEventListener("click", toggleModal_ZetaSiza);
 
    document.querySelector("#PT").addEventListener("click", toggleModal_ZetaSiza);
 +
document.querySelector("#PT_").addEventListener("click", toggleModal_ZetaSiza);
 +
document.querySelector("#PT_2").addEventListener("click", toggleModal_ZetaSiza);
 +
 
 
 
const toggleModal_smbb = () => {
 
const toggleModal_smbb = () => {
 
document.querySelector("#smbb").classList.toggle("hidden_colaboration");
 
document.querySelector("#smbb").classList.toggle("hidden_colaboration");
−
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
+
−
//document.querySelector("#colaboracionrusia").classList.add("hidden_colaboration");
+
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 
};
 
};
 
//Portugal
 
//Portugal
 
    document.querySelector("#MEX2727").addEventListener("click", toggleModal_smbb);
 
    document.querySelector("#MEX2727").addEventListener("click", toggleModal_smbb);
 +
document.querySelector("#uam_").addEventListener("click", toggleModal_smbb);
 +
document.querySelector("#ipn_").addEventListener("click", toggleModal_smbb);
 
 
 
const toggleModal_francia = () => {
 
const toggleModal_francia = () => {
 
document.querySelector("#francia").classList.toggle("hidden_colaboration");
 
document.querySelector("#francia").classList.toggle("hidden_colaboration");
−
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
+
−
//document.querySelector("#colaboracionrusia").classList.add("hidden_colaboration");
+
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 +
 
};
 
};
 
//Portugal
 
//Portugal
 
    document.querySelector("#fra").addEventListener("click", toggleModal_francia);
 
    document.querySelector("#fra").addEventListener("click", toggleModal_francia);
 +
document.querySelector("#go").addEventListener("click", toggleModal_francia);
 +
document.querySelector("#maix").addEventListener("click", toggleModal_francia);
 +
 +
 +
const toggleModal_Debate = () => {
 +
document.querySelector("#debate").classList.toggle("hidden_colaboration");
 +
 +
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 +
};
 +
//Portugal
 +
    document.querySelector("#EC").addEventListener("click", toggleModal_Debate);
 +
 +
const toggleModal_alemania = () => {
 +
document.querySelector("#alemania").classList.toggle("hidden_colaboration");
 +
 +
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 +
};
 +
//Portugal
 +
    document.querySelector("#DE").addEventListener("click", toggleModal_alemania);
 +
document.querySelector("#DE_").addEventListener("click", toggleModal_alemania);
 
 
 +
const toggleModal_sdg = () => {
 +
document.querySelector("#grecia").classList.toggle("hidden_colaboration");
 +
 +
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 +
};
 +
//Portugal
 +
    document.querySelector("#greece").addEventListener("click", toggleModal_sdg);
 +
document.querySelector("#patras").addEventListener("click", toggleModal_sdg);
 +
 +
const toggleModal_uanl = () => {
 +
document.querySelector("#uanl").classList.toggle("hidden_colaboration");
 +
 +
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 +
};
 +
//Portugal
 +
    document.querySelector("#MEX2714").addEventListener("click", toggleModal_uanl);
 +
document.querySelector("#uanl_").addEventListener("click", toggleModal_uanl);
 +
 +
const toggleModal_envirospeaks = () => {
 +
document.querySelector("#envirospeaks").classList.toggle("hidden_colaboration");
 +
 +
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
document.querySelector("#martina").classList.add("hidden_colaboration");
 +
};
 +
//Portugal
 +
    document.querySelector("#RICO").addEventListener("click", toggleModal_envirospeaks);
 +
document.querySelector("#rico_").addEventListener("click", toggleModal_envirospeaks);
 +
 +
const toggleModal_martina = () => {
 +
document.querySelector("#martina").classList.toggle("hidden_colaboration");
 +
 +
 +
document.querySelector("#envirospeaks").classList.add("hidden_colaboration");
 +
document.querySelector("#uanl").classList.add("hidden_colaboration");
 +
document.querySelector("#greenfest").classList.add("hidden_colaboration");
 +
document.querySelector("#meetuplatam").classList.add("hidden_colaboration");
 +
document.querySelector("#zetasizer").classList.add("hidden_colaboration");
 +
document.querySelector("#smbb").classList.add("hidden_colaboration");
 +
document.querySelector("#francia").classList.add("hidden_colaboration");
 +
document.querySelector("#debate").classList.add("hidden_colaboration");
 +
document.querySelector("#alemania").classList.add("hidden_colaboration");
 +
document.querySelector("#grecia").classList.add("hidden_colaboration");
 +
};
 +
//Portugal
 +
    document.querySelector("#IE").addEventListener("click", toggleModal_martina);
 +
document.querySelector("#irlanda_").addEventListener("click", toggleModal_martina);
 
 
 
 
Line 1,930: Line 2,496:
 
$(window).scroll(function(){
 
$(window).scroll(function(){
 
   
 
   
−
if($(document).scrollTop() > 650){
+
if($(document).scrollTop() > getElementY("#inicial")){
 
if($(document).scrollTop() < getElementY("#final")){
 
if($(document).scrollTop() < getElementY("#final")){
 
document.querySelector(".tips").classList.add("tips_hidden");
 
document.querySelector(".tips").classList.add("tips_hidden");
−
+
document.querySelector(".menu_lateral").classList.add("menu_lateral_hidden");
 
  }else{
 
  }else{
 
  document.querySelector(".tips").classList.remove("tips_hidden");
 
  document.querySelector(".tips").classList.remove("tips_hidden");
 +
  document.querySelector(".menu_lateral").classList.remove("menu_lateral_hidden");
 
  console.log("Aquí no")   
 
  console.log("Aquí no")   
 
  }
 
  }
 
}else{
 
}else{
 
document.querySelector(".tips").classList.remove("tips_hidden");
 
document.querySelector(".tips").classList.remove("tips_hidden");
 +
document.querySelector(".menu_lateral").classList.remove("menu_lateral_hidden");
 
console.log("Aquí no")   
 
console.log("Aquí no")   
 
}
 
}
Line 2,041: Line 2,609:
 
#zetasizerradio5:checked ~ .first{
 
#zetasizerradio5:checked ~ .first{
 
  margin-left: -80%;
 
  margin-left: -80%;
 +
}
 +
 +
#zetasizerradio6:checked ~ .first{
 +
  margin-left: -100%;
 
}
 
}
 
 
Line 2,047: Line 2,619:
 
#smbbradio1:checked ~ .first{
 
#smbbradio1:checked ~ .first{
 
  margin-left: 0%;
 
  margin-left: 0%;
 +
}
 +
 +
#martinaradio1:checked ~ .first{
 +
  margin-left: 0%;
 +
}
 +
 +
#martinaradio2:checked ~ .first{
 +
  margin-left: -20%;
 +
}
 +
 +
#ipnradio1:checked ~ .first{
 +
  margin-left: -0%;
 +
}
 +
 +
#ipnradio2:checked ~ .first{
 +
  margin-left: -20%;
 +
}
 +
 +
 +
#ipnradio3:checked ~ .first{
 +
  margin-left: -40%;
 +
}
 +
 +
#ipnradio4:checked ~ .first{
 +
  margin-left: -60%;
 +
}
 +
 +
 +
 +
 +
#alemaniaradio1:checked ~ .first{
 +
  margin-left: -0%;
 +
}
 +
#alemaniaradio2:checked ~ .first{
 +
  margin-left: -20%;
 +
}
 +
#alemaniaradio3:checked ~ .first{
 +
  margin-left: -40%;
 +
}
 +
#alemaniaradio4:checked ~ .first{
 +
  margin-left: -60%;
 +
}
 +
#alemaniaradio5:checked ~ .first{
 +
  margin-left: -80%;
 
}
 
}
  
Line 2,106: Line 2,722:
 
}
 
}
 
#zetasizerradio5:checked ~ .navigation-auto .auto-btn5{
 
#zetasizerradio5:checked ~ .navigation-auto .auto-btn5{
 +
  background: #40D3DC;
 +
}
 +
#zetasizerradio6:checked ~ .navigation-auto .auto-btn6{
 
  background: #40D3DC;
 
  background: #40D3DC;
 
}
 
}
Line 2,111: Line 2,730:
 
 
 
#smbbradio1:checked ~ .navigation-auto .auto-btn1{
 
#smbbradio1:checked ~ .navigation-auto .auto-btn1{
 +
  background: #40D3DC;
 +
}
 +
 +
#martinaradio1:checked ~ .navigation-auto .auto-btn1{
 +
  background: #40D3DC;
 +
}
 +
 +
#martinaradio2:checked ~ .navigation-auto .auto-btn2{
 +
  background: #40D3DC;
 +
}
 +
 +
 +
 +
#ipnradio1:checked ~ .navigation-auto .auto-btn1{
 +
  background: #40D3DC;
 +
}
 +
 +
#ipnradio2:checked ~ .navigation-auto .auto-btn2{
 +
  background: #40D3DC;
 +
}
 +
 +
#ipnradio3:checked ~ .navigation-auto .auto-btn3{
 +
  background: #40D3DC;
 +
}
 +
 +
#ipnradio4:checked ~ .navigation-auto .auto-btn4{
 +
  background: #40D3DC;
 +
}
 +
 +
 +
 +
 +
 +
#alemaniaradio1:checked ~ .navigation-auto .auto-btn1{
 +
  background: #40D3DC;
 +
}
 +
#alemaniaradio2:checked ~ .navigation-auto .auto-btn2{
 +
  background: #40D3DC;
 +
}
 +
#alemaniaradio3:checked ~ .navigation-auto .auto-btn3{
 +
  background: #40D3DC;
 +
}
 +
#alemaniaradio4:checked ~ .navigation-auto .auto-btn4{
 +
  background: #40D3DC;
 +
}
 +
#alemaniaradio5:checked ~ .navigation-auto .auto-btn5{
 
  background: #40D3DC;
 
  background: #40D3DC;
 
}
 
}
Line 2,125: Line 2,790:
 
PDFObject.embed("https://static.igem.org/mediawiki/2021/9/99/T--TecCEM--zetasizer1.pdf", $("#zetasizerviewer1"));
 
PDFObject.embed("https://static.igem.org/mediawiki/2021/9/99/T--TecCEM--zetasizer1.pdf", $("#zetasizerviewer1"));
 
PDFObject.embed("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--zetasizerw.pdf", $("#zetasizerviewer2"));
 
PDFObject.embed("https://static.igem.org/mediawiki/2021/1/16/T--TecCEM--zetasizerw.pdf", $("#zetasizerviewer2"));
 +
PDFObject.embed("https://static.igem.org/mediawiki/2021/7/7b/T--TecCEM--MartinaBook.pdf", $("#martina1"));
 +
PDFObject.embed("https://static.igem.org/mediawiki/2021/4/45/T--TecCEM--ipn1.pdf", $("#ipnviewer1"));
 +
PDFObject.embed("https://static.igem.org/mediawiki/2021/c/c4/T--TecCEM--postcards3.pdf", $("#alemaniaviewer1"));
 +
PDFObject.embed("https://static.igem.org/mediawiki/2021/7/77/T--TecCEM--postcards4.pdf", $("#alemaniaviewer2"));
 +
PDFObject.embed("https://static.igem.org/mediawiki/2021/f/f1/T--TecCEM--Debate1.pdf", $("#debateviewer1"));
 +
</script>
 +
 +
<script>
 +
function doScrolling(elementY, duration) {
 +
var startingY = window.pageYOffset;
 +
  // If element is close to page's bottom then window will scroll only to some position above the element.
 +
  var targetY = document.body.scrollHeight - elementY < window.innerHeight ? document.body.scrollHeight - window.innerHeight : elementY
 +
var diff = targetY - startingY
 +
  // Easing function: easeInOutCubic
 +
  // From: https://gist.github.com/gre/1650294
 +
  var easing = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 }
 +
  var start
 +
 +
  if (!diff) return
 +
 +
// Bootstrap our animation - it will get called right before next frame shall be rendered.
 +
window.requestAnimationFrame(function step(timestamp) {
 +
if (!start) start = timestamp
 +
// Elapsed miliseconds since start of scrolling.
 +
var time = timestamp - start
 +
// Get percent of completion in range [0, 1].
 +
var percent = Math.min(time / duration, 1)
 +
// Apply the easing.
 +
// It can cause bad-looking slow frames in browser performance tool, so be careful.
 +
percent = easing(percent)
 +
 +
window.scrollTo(0, startingY + diff * percent)
 +
 +
// Proceed with animation as long as we wanted it to.
 +
if (time < duration) {
 +
  window.requestAnimationFrame(step)
 +
}
 +
 +
  })
 +
console.log(elementY)
 +
}
 +
document.getElementById('fra').addEventListener('click', doScrolling.bind(null, 1350 ,1500));
 +
document.getElementById('go').addEventListener('click', doScrolling.bind(null, 1350 ,1500));
 +
document.getElementById('maix').addEventListener('click', doScrolling.bind(null, 2110 ,1500));
 +
 +
document.getElementById('greece').addEventListener('click', doScrolling.bind(null, 1350,1500));
 +
document.getElementById('patras').addEventListener('click', doScrolling.bind(null, 1350,1500));
 +
 +
document.getElementById('DE').addEventListener('click', doScrolling.bind(null, 1350,1500));
 +
document.getElementById('DE_').addEventListener('click', doScrolling.bind(null, 1350,1500));
 +
document.getElementById('EC').addEventListener('click', doScrolling.bind(null, 1350,1500));
 +
 +
document.getElementById('PT').addEventListener('click', doScrolling.bind(null, 1380,1500));
 +
document.getElementById('PT_').addEventListener('click', doScrolling.bind(null, 1380,1500));
 +
document.getElementById('PT_2').addEventListener('click', doScrolling.bind(null, 2200,1500));
 +
 +
document.getElementById('MEX2714').addEventListener('click', doScrolling.bind(null, 1140,1500));
 +
document.getElementById('uanl_').addEventListener('click', doScrolling.bind(null, 1350,1500));
 +
 +
document.getElementById('uam_').addEventListener('click', doScrolling.bind(null, 1350,1500));
 +
document.getElementById('ipn_').addEventListener('click', doScrolling.bind(null, 2100,1500));
 +
 +
document.getElementById('MEX2727').addEventListener('click', doScrolling.bind(null, 1140,1500));
 +
document.getElementById('MEX2731').addEventListener('click', doScrolling.bind(null, 1140,1500));
 +
document.getElementById('MEX2724').addEventListener('click', doScrolling.bind(null, 1140,1500));
 +
 +
document.getElementById('RICO').addEventListener('click', doScrolling.bind(null, 1140,1500));
 +
document.getElementById('rico_').addEventListener('click', doScrolling.bind(null, 1350,1500));
 +
 +
document.getElementById('IE').addEventListener('click', doScrolling.bind(null, 1140,1500));
 +
document.getElementById('irlanda_').addEventListener('click', doScrolling.bind(null, 1350,1500));
 +
 
</script>
 
</script>
 
 
 
</html>
 
</html>

Latest revision as of 00:38, 22 October 2021

Untitled Document i

Home

Team

Project

Awards

Human Practices

Parts

Judging form

Untitled Document

« Back to the whole world



Meetup Latam 2021

To get involved with other team projects and for everyone to grow together we hosted the LATAM Meetup 2021. Where Giant Jamboree and Design League igem teams were able to show their advances, practice and clean their presentations while receiving feedback from our professional judging panel. This event was enriching in many cultural, social and academic ways. Since we had a social bonding dynamic “speed talks' ' where every attendee had the opportunity to meet and talk with another peer, was a successful way to get more collaboration and knowledge between teams.


Green Fest

External students group “Huella verde”. A channel where we exposed a problem to a large audience with impact. We, as a team, are seriously concerned about the well-being of the community and care of the environment. Therefore, our interests connected with those of the Huella Verde student group in which they were taught wellness, science and math conferences as a garbage recollection as well. People, teams, speakers, schools attended virtually from all over Mexico to this excellent event where we gave a conference about our project and the microplastic and EDC´s problem we are facing.


Zeta Sizer

NOVA Portugal and iGEM TEC MTY. EDC´s messes up with metabolic pathways making an unbalanced work inside our bodies imitating our hormones. The multiple sources from where we can ingest them such as microplastics are several, but principally, drinking plastic bottles, where our right of clean water, health & wellness are compromised…we wanted to know approximately how much they are in our daily life and not only stay in Mexican brands. Therefore, we collaborated with NOVA Portugal and TEC MTY for this task. These studies with the objective of supporting the collection of data in order to create regulatory frameworks for microplastics in bottled water and ensure the right to health in our countries.




Microplastic and water treatment

Collaboration with iGEM Portugal finding a doctor on our campus that fitted with their needs. They had questions about water treatment and the relation or methods with microplastic pollution. Doctor Rosa María Murillo Torres, professor of EIC Sustainable and Civil Technologies on Tecnológico de Monterrey Campus Estado de México. She's an expert in water treatment of pollutants in the industry.


iGEM UAM - CDMX

This video represents us at the beginning of our trip on our iGEM Team. We were, and still are, very excited about our project, being sure we will contribute to not only Mexico's drinking water but an entire community. These activities let us show people our personality, our excitement, and our project. Also let us watch, know, and learn from the other participating teams.




Ollin Synbio IPN Assessment - CDMX

A collaboration was made with the Ollin SynBio – IPN team from iGEM Design League. A meeting was scheduled to hear the details of their project and give them feedback regarding the objectives, scope, justification and in silico analysis of the results obtained. We note that the proposal has areas for improvement to make the teaching kit proposed by Ollin more practical and functional. We observed that their project had affinity with the objectives of the Bioengineering department of our school, regarding the promotion of science and delivering of educational kits to low-income schools to ensure that more young people could have an experience with synthetic biology. A collaboration was coordinated to support the Ollin initiative with miniaturized equipment such as centrifuges, electrophoresis chambers and blue light transilluminators. This laboratory equipment was designed by teachers and first advisors

from our institution,

Reference

Y. Padilla. "Home Labs, brinda a estudiantes la oportunidad de continuar realizando prácticas de laboratorio desde casa y no perder el contenido práctico que es imprescindible en su desarrollo académico". CONECTA. https://tec.mx/es/noticias/estado-de-mexico/educacion/laboratorio-en-casa-profesores-crean-kits-para-practicas

who serve as our instructors and advisors, in addition to the fact that we as students have tested the equipment, giving feedback for their improvement. We are very excited about this alliance to improve education in Mexico. To formalize this collaboration, a written request was made. Additionally, we collaborate reviewing the descriptions and designs of mutant sequences. We teach the Ollin team how to align wild type vs mutant protein structures to show possible important differences that impact the enzymatic activity of a polymerase. Additionally, they were taught how to simulate the interaction of the polymerase with DNA, again to compare the binding of the wild-type enzyme against the mutant one.


Monument challenge - Paris, France

iGEM go paris saclay. Going on a safe trip to the nearest monument was exciting and necessary for us to enjoy time with our own team. I guess we all knew a little bit more not just of our own team and country, but of others enjoying this cool cultural challenge.




Emoji contest - Marseille, France

iGEM Maixmarseille. Emojis were too fun to interact, and guess the project just analyzing them. To do so, we needed to know a little bit more about other projects, it was a fantastic way to know others.


Debate Bioethics - iGEM Ecuador

Bioethics is a branch of biology that focuses on trying to answer a fundamental question: what we are doing is right? Where is the moral in biology and biotechnology? Where do we draw the line? During this debate (organized by several LATAM teams), we were given a polemic topic regarding bioethics and the use of biotechnology, and a position to defend. We exposed our arguments and were evaluated by a group of judges.


Postcards - Düsseldorf, Germany

iGEM Düsseldorf. We wanted to be part of the legendary tradition of postcards around the world that iGEM düsseldorf owns. We joined this phenomenal event with our design and received great letters from many teams around the world, knowing and asking about their projects.


Sustainable Goals Video - Patras, Greece

We were part of these amazing collab about SDG goals that are being accomplished by iGEM teams. Showing how the TEC CEM team is committed to be part of these evolution, contributing to SDG´s like 3 good health and wealth being, 6 clean water and sanitation and 14 life below water. The full video collecting all the SDG´s iGEM teams are part can be watched below.




Rosalind Chronicles - Patras, Greece

Teams iGEM Concordia, ULaval, Patras and Thessaloniki were the authors of collaborating to present a workshop about women’s implication in STEM through history and how research and iGEM teams are more diverse and inclusive nowadays. We shared 1 photo of female iGEM teammates and 1 photo of our team’s favorite female scientist who changed the world.


Mujer inspiradora - Monterrey, Mexico

The dynamic consisted of using #MujeresQueInspiran with a photo or story with an inspiring woman. We decided to honor Maria Telkes, she is an amazing woman and it was difficult deciding whom will we put in this collab, cause there are so many scientific woman we all admire. We chose her because it is a pioneer in one of the most important areas of sustainable technology.


Envirospeaks collaboration - Puerto Rico

We took part in this environmental challenge due to all the contaminants around the world we are facing, exposing our poster of endocrine disrupting chemicals as well to create consciousness in our society. Watching all the contaminants other teams shared made us realize that there are too many, and if we all take consciousness we can change our lifestyle and make it more eco-friendly.


Martina, Tec Cem martian friend - Ireland

Martina, MTU iGEM team mascot was present in Mexico too, since we also shared a little bit of our project through her. We were able to meet many of Martina´s iGEM friends, we visited every team project that the martian shared, it was awesome to meet other teams because of her.


idea

Tip

Click on the highlighted countries