Difference between revisions of "Team:TecCEM/Collaborations"

Line 34: Line 34:
 
height: 80vh;
 
height: 80vh;
 
}
 
}
−
#MX{
+
#MX, #MEX2731{
 
fill: #006284;
 
fill: #006284;
 
}
 
}
Line 1,308: Line 1,308:
 
cursor: pointer;
 
cursor: pointer;
 
background-color: #f1f1f1;
 
background-color: #f1f1f1;
−
z-index: 9999;
+
z-index: 9999;
−
+
 
  color: black;">&laquo; Back to the whole world</p>
 
  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">
 
<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">
Line 1,388: Line 1,387:
 
</div>
 
</div>
 
 
−
<div id="colaboracionarg" class="hidden_colaboration">
+
<div id="meetuplatam" 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>Meetup Latam 2021</h2>
 
<h2>Meetup Latam 2021</h2>
 
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">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. </p>
 
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">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. </p>
 +
<br>
 
<div class="slider">
 
<div class="slider">
 
  <div class="slides">
 
  <div class="slides">
 
<!--radio buttons start-->
 
<!--radio buttons start-->
−
<input type="radio" name="radio-btn" id="radio1">
+
<input type="radio" name="radio-btn" id="meetuplatamradio1">
−
<input type="radio" name="radio-btn" id="radio2">
+
<input type="radio" name="radio-btn" id="meetuplatamradio2">
−
<input type="radio" name="radio-btn" id="radio3">
+
−
<input type="radio" name="radio-btn" id="radio4">
+
−
<input type="radio" name="radio-btn" id="radio5">
+
 
<!--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/9/96/T--TecCEM--TeamPhotos_4.png">
+
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/c/c7/T--TecCEM--Meetuplatam1.jpeg">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/9/9f/T--TecCEM--FotoEquipoTexem.jpg">
+
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/4/4d/T--TecCEM--Meetuplatam2.png ">
−
</div>
+
−
<div class="slide">
+
−
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/9/96/T--TecCEM--TeamPhotos_4.png">
+
−
</div>
+
−
<div class="slide">
+
−
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/1/1c/T--TecCEM--logo.png">
+
−
</div>
+
−
  <div class="slide">
+
−
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/9/9f/T--TecCEM--FotoEquipoTexem.jpg">
+
 
</div>
 
</div>
 
<!--slide images end-->
 
<!--slide images end-->
Line 1,422: Line 1,410:
 
  <div class="auto-btn1"></div>
 
  <div class="auto-btn1"></div>
 
  <div class="auto-btn2"></div>
 
  <div class="auto-btn2"></div>
−
  <div class="auto-btn3"></div>
 
−
  <div class="auto-btn4"></div>
 
−
  <div class="auto-btn5"></div>
 
 
</div>
 
</div>
 
<!--automatic navigation end-->
 
<!--automatic navigation end-->
Line 1,430: Line 1,415:
 
  <!--manual navigation start-->
 
  <!--manual navigation start-->
 
  <div class="navigation-manual">
 
  <div class="navigation-manual">
−
<label for="radio1" class="manual-btn"></label>
+
<label for="meetuplatamradio1" class="manual-btn"></label>
−
<label for="radio2" class="manual-btn"></label>
+
<label for="meetuplatamradio2" class="manual-btn"></label>
−
<label for="radio3" class="manual-btn"></label>
+
−
<label for="radio4" class="manual-btn"></label>
+
−
<label for="radio5" class="manual-btn"></label>
+
 
  </div>
 
  </div>
 
  <!--manual navigation end-->
 
  <!--manual navigation end-->
Line 1,476: Line 1,458:
 
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");
−
//Remover todo de madrazo
+
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
−
document.querySelector("#colaboracionarg").classList.add("hidden_colaboration");
+
 
 
 
};
 
};
Line 1,483: Line 1,465:
 
document.querySelector(".backtotheworld").addEventListener("click", toggleModal_Mx);
 
document.querySelector(".backtotheworld").addEventListener("click", toggleModal_Mx);
 
 
−
const toggleModal_Ar = () => {
+
const toggleModal_MeetUpLatam = () => {
−
document.querySelector("#colaboracionarg").classList.toggle("hidden_colaboration");
+
document.querySelector("#meetuplatam").classList.toggle("hidden_colaboration");
−
document.querySelector("#colaboracionrusia").classList.add("hidden_colaboration");
+
//Remover todo de madrazo FALTAN TODAS LAS CLASES AQUÍ CON EL REMOVE
 +
//document.querySelector("#colaboracionrusia").classList.add("hidden_colaboration");
 
};
 
};
−
    document.querySelector(".Argentina").addEventListener("click", toggleModal_Ar);
+
//Al estado de México
 +
    document.querySelector("#MEX2731").addEventListener("click", toggleModal_MeetUpLatam);
 
 
 
const toggleModal_Rusia = () => {
 
const toggleModal_Rusia = () => {
Line 1,738: Line 1,722:
 
     var counter = 1;
 
     var counter = 1;
 
     setInterval(function(){
 
     setInterval(function(){
−
       document.getElementById('radio' + counter).checked = true;
+
       document.getElementById('meetuplatamradio' + counter).checked = true;
 
       counter++;
 
       counter++;
−
       if(counter > 5){
+
       if(counter > 2){
 
         counter = 1;
 
         counter = 1;
 
       }
 
       }
Line 1,800: Line 1,784:
 
}
 
}
  
−
#radio1:checked ~ .first{
+
#meetuplatamradio1:checked ~ .first{
 
  margin-left: 0;
 
  margin-left: 0;
 
}
 
}
  
−
#radio2:checked ~ .first{
+
#meetuplatamradio2:checked ~ .first{
 
  margin-left: -20%;
 
  margin-left: -20%;
 
}
 
}
  
−
#radio3:checked ~ .first{
 
−
  margin-left: -40%;
 
−
}
 
−
 
−
#radio4:checked ~ .first{
 
−
  margin-left: -60%;
 
−
}
 
−
#radio5:checked ~ .first{
 
−
  margin-left: -80%;
 
−
}
 
  
 
/*css for automatic navigation*/
 
/*css for automatic navigation*/
Line 1,840: Line 1,814:
 
}
 
}
  
−
#radio1:checked ~ .navigation-auto .auto-btn1{
+
#meetuplatamradio1:checked ~ .navigation-auto .auto-btn1{
 
  background: #40D3DC;
 
  background: #40D3DC;
 
}
 
}
  
−
#radio2:checked ~ .navigation-auto .auto-btn2{
+
#meetuplatamradio2:checked ~ .navigation-auto .auto-btn2{
 
  background: #40D3DC;
 
  background: #40D3DC;
 
}
 
}
  
−
#radio3:checked ~ .navigation-auto .auto-btn3{
 
−
  background: #40D3DC;
 
−
}
 
  
−
#radio4:checked ~ .navigation-auto .auto-btn4{
 
−
  background: #40D3DC;
 
−
}
 
−
#radio5:checked ~ .navigation-auto .auto-btn5{
 
−
  background: #40D3DC;
 
 
}
 
}
  

Revision as of 02:41, 14 October 2021

Untitled Document i

Home

Team

Project

Awards

Human Practices

Parts

Judging form

Untitled Document

Team

« 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.


Rushia

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni laboriosam, voluptates veritatis debitis dicta et ratione quidem autem maxime, eaque earum perspiciatis nihil laborum quia laudantium, a sit ducimus! Unde!

idea

Tips

Click on "week"