Difference between revisions of "Team:TecCEM/Collaborations"

Line 34: Line 34:
 
height: 80vh;
 
height: 80vh;
 
}
 
}
−
#MX, #MEX2731{
+
#MX, #MEX2731, #MEX2724{
 
fill: #006284;
 
fill: #006284;
 
}
 
}
Line 1,386: Line 1,386:
 
<p></p>
 
<p></p>
 
</div>
 
</div>
−
+
<br><br>
 
<div id="meetuplatam" 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;">
Line 1,423: Line 1,423:
 
</div>
 
</div>
 
 
−
<div class="hidden_colaboration" id="colaboracionrusia" style="background: black;">
+
<div id="greenfest" class="hidden_colaboration">
−
<h2>Rushia</h2>
+
<div style="display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;">
−
<img src="https://static.igem.org/mediawiki/2021/9/9f/T--TecCEM--FotoEquipoTexem.jpg" alt="">
+
<h2>Green Fest</h2>
−
<p>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!</p>
+
<p style="font-family: 'Roboto', sans-serif; text-align: justify-all; font-size: 1.2rem;">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.
 +
</p>
 +
<br>
 +
<div class="slider">
 +
  <div class="slides">
 +
<!--radio buttons start-->
 +
<input type="radio" name="radio-btn" id="greenfestradio1">
 +
<input type="radio" name="radio-btn" id="greenfestradio2">
 +
<input type="radio" name="radio-btn" id="greenfestradio3">
 +
<!--radio buttons end-->
 +
<!--slide images start-->
 +
<div class="slide first">
 +
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/8/8b/T--TecCEM--greenfest1.png">
 +
</div>
 +
<div class="slide">
 +
  <img class="landing_image overlaying_div_bottom" src="https://static.igem.org/mediawiki/2021/7/70/T--TecCEM--greenfest2.png">
 +
</div>
 +
<div class="slide">
 +
  <video width="800px" height="500px" controls>
 +
  <source src="https://static.igem.org/mediawiki/2021/b/b7/T--TecCEM--greenfest3.mp4" type="video/mp4">
 +
</video>
 +
</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>
 +
<!--automatic navigation end-->
 +
  </div>
 +
  <!--manual navigation start-->
 +
  <div class="navigation-manual">
 +
<label for="greenfestradio1" class="manual-btn"></label>
 +
<label for="greenfestradio2" class="manual-btn"></label>
 +
<label for="greenfestradio3" class="manual-btn"></label>
 +
  </div>
 +
  <!--manual navigation end-->
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,473: Line 1,514:
 
    document.querySelector("#MEX2731").addEventListener("click", toggleModal_MeetUpLatam);
 
    document.querySelector("#MEX2731").addEventListener("click", toggleModal_MeetUpLatam);
 
 
−
const toggleModal_Rusia = () => {
+
const toggleModal_GreenFest = () => {
−
document.querySelector("#colaboracionrusia").classList.toggle("hidden_colaboration");
+
document.querySelector("#greenfest").classList.toggle("hidden_colaboration");
−
document.querySelector("#colaboracionarg").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("#Rusia_").addEventListener("click", toggleModal_Rusia);
+
//Al Puebla
 +
    document.querySelector("#MEX2724").addEventListener("click", toggleModal_GreenFest);
 +
//MEX2724
 +
 
 
 
 
Line 1,721: Line 1,766:
 
</script>
 
</script>
 
 
−
<script type="text/javascript">
 
−
    var counter = 1;
 
−
    setInterval(function(){
 
−
      document.getElementById('meetuplatamradio' + counter).checked = true;
 
−
      counter++;
 
−
      if(counter > 2){
 
−
        counter = 1;
 
−
      }
 
−
    }, 10000);
 
−
    </script>
 
  
 
<style>
 
<style>
Line 1,792: Line 1,827:
 
#meetuplatamradio2:checked ~ .first{
 
#meetuplatamradio2:checked ~ .first{
 
  margin-left: -20%;
 
  margin-left: -20%;
 +
}
 +
 +
#greenfestradio1:checked ~ .first{
 +
  margin-left: 0;
 +
}
 +
 +
#greenfestradio2:checked ~ .first{
 +
  margin-left: -20%;
 +
}
 +
#greenfestradio3:checked ~ .first{
 +
  margin-left: -40%;
 
}
 
}
  
Line 1,823: Line 1,869:
 
  background: #40D3DC;
 
  background: #40D3DC;
 
}
 
}
−
 
+
−
 
+
#greenfestradio1:checked ~ .navigation-auto .auto-btn1{
 +
  background: #40D3DC;
 +
}
 +
#greenfestradio2:checked ~ .navigation-auto .auto-btn2{
 +
  background: #40D3DC;
 +
}
 +
#greenfestradio3:checked ~ .navigation-auto .auto-btn3{
 +
  background: #40D3DC;
 
}
 
}
 +
}
  
 
 

Revision as of 03:06, 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.


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.


idea

Tips

Click on "week"