Difference between revisions of "Team:IIT-Madras/SchoolVisits"

 
(12 intermediate revisions by 3 users not shown)
Line 71: Line 71:
  
 
}
 
}
 +
.mySlides {display: none;}
 +
img {vertical-align: middle;}
  
 +
 +
.slideshow-container {
 +
  max-width: 1000px;
 +
  position: relative;
 +
  margin: auto;
 +
}
 +
 +
 +
.text {
 +
  color: #f2f2f2;
 +
  font-size: 15px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  bottom: 8px;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
 +
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 12px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
 +
 +
.dot {
 +
  height: 15px;
 +
  width: 15px;
 +
  margin: 0 2px;
 +
  background-color: #bbb;
 +
  border-radius: 50%;
 +
  display: inline-block;
 +
  transition: background-color 0.6s ease;
 +
}
 +
 +
.active {
 +
  background-color: #717171;
 +
}
 +
 +
 +
.fade {
 +
  -webkit-animation-name: fade;
 +
  -webkit-animation-duration: 1.5s;
 +
  animation-name: fade;
 +
  animation-duration: 1.5s;
 +
}
 +
 +
@-webkit-keyframes fade {
 +
  from {opacity: 1}
 +
  to {opacity: 1}
 +
}
 +
 +
@keyframes fade {
 +
  from {opacity: 1}
 +
  to {opacity: 1}
 +
}
 +
 +
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
  .text {font-size: 11px}
 +
}
  
  
Line 84: Line 150:
 
<h2 style="font-size: 9mm;">School Visits</h2>
 
<h2 style="font-size: 9mm;">School Visits</h2>
  
−
<span style="padding-right: 73%;"><strong></strong></span>
 
  
  
−
<p style="font-size:5.5mm; font-family: 'title', sans-serif;" ALIGN=LEFT>
+
 
 +
 
  
  
  
 
<div class="p12">
 
<div class="p12">
 +
<p style="font-size:5.5mm; font-family: 'title', sans-serif;" ALIGN=LEFT>
 +
School visits are an important part of educational outreach programmes as this involves inspiring young minds. With the aim of increasing curiosity and enthusiasm for synthetic biology among school kids, we decided to conduct sessions in 4 schools in chennai. We wanted this to be a fruitful and memorable experience for the school students. Biotechnology is a very interesting area and its advancements are numerous. What better than to share these exciting innovations in synthetic biology with school students. Hence we prepared a small presentation about iGEM and developed some interesting activities.
 +
The activities involved the following : </p>
 
<ol type="I" style="font-size: 5.5mm; text-align: justify; " ALIGN=LEFT>
 
<ol type="I" style="font-size: 5.5mm; text-align: justify; " ALIGN=LEFT>
  
−
School visits are an important part of educational outreach programmes as this involves inspiring young minds. With the aim of increasing curiosity and enthusiasm for synthetic biology among school kids, we decided to conduct sessions in 4 schools in chennai. We wanted this to be a fruitful and memorable experience for the school students. Biotechnology is a very interesting area and its advancements are numerous. What better than to share these exciting innovations in synthetic biology with school students. Hence we prepared a small presentation about iGEM and developed some interesting activities.
+
 
−
The activities involved the following :
+
  
  
Line 103: Line 171:
 
</ol>
 
</ol>
 
</div>
 
</div>
−
</p>
 
  
−
<span style="padding-right: 77%;"><strong>Lorem Ipsum</strong></span>
 
  
−
<p style="font-size:5.5mm; font-family: 'title', sans-serif;" class="p12 p16" ALIGN=LEFT >
 
  
  
−
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Netus et malesuada fames ac turpis egestas. Amet volutpat consequat mauris nunc congue nisi. Tempor id eu nisl nunc mi ipsum faucibus vitae aliquet. Interdum velit laoreet id donec ultrices tincidunt arcu non. Auctor elit sed vulputate mi sit amet. Arcu ac tortor dignissim convallis aenean et tortor. Risus pretium quam vulputate dignissim. In est ante in nibh mauris. Nulla facilisi morbi tempus iaculis. Leo integer malesuada nunc vel. Justo donec enim diam vulputate ut pharetra sit amet. Aliquam vestibulum morbi blandit cursus risus. Aliquam etiam erat velit scelerisque in dictum non consectetur. Montes nascetur ridiculus mus mauris vitae ultricies leo integer. Ultricies integer quis auctor elit sed vulputate mi sit. Vel elit scelerisque mauris pellentesque pulvinar pellentesque. Ullamcorper malesuada proin libero nunc consequat interdum varius sit.
 
  
−
</p>
 
  
  
Line 118: Line 181:
  
  
 +
<div class="slideshow-container">
  
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/d/d7/T--IIT-Madras--SchoolV1.png" style="width: 100%" alt="1">
  
 +
</div>
  
 +
<div class="mySlides fade">
 +
 
 +
  <img src="https://static.igem.org/mediawiki/2018/d/d5/T--IIT-Madras--SchoolV2.png" style="width:100%" alt="2">
  
 +
</div>
  
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/3/35/T--IIT-Madras--SchoolV3.png" style="width:100%" alt="3">
  
 
</div>
 
</div>
−
</center>
 
  
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/0/09/T--IIT-Madras--SchoolV4.png" style="width:100%" alt="4">
  
−
<h3 style="font-family: 'title', sans-serif; font-size: 12mm; padding-left: 20%;">References</h3>
+
</div>
  
−
<center>
+
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/5/54/T--IIT-Madras--SchoolV5.png" style="width:100%" alt="5">
  
−
<div class="box" style="display: block;">
+
</div>
  
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/f/f0/T--IIT-Madras--SchoolV6.png" style="width:100%" alt="6">
  
 +
</div>
  
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/7/77/T--IIT-Madras--SchoolV7.png" style="width:100%" alt="7">
  
 +
</div>
  
−
</ol>
+
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--IIT-Madras--SchoolV8.png" style="width:100%" alt="8">
  
−
</p>
 
 
</div>
 
</div>
  
−
</center>
+
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/8/82/T--IIT-Madras--SchoolV9.png" style="width:100%" alt="9">
  
−
</body>
+
</div>
  
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/2/29/T--IIT-Madras--SchoolV10.png" style="width:100%" alt="10">
  
 +
</div>
 +
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/c/c2/T--IIT-Madras--SchoolV11.png" style="width:100%" alt="10">
 +
 +
</div>
 +
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/b/ba/T--IIT-Madras--SchoolV12.png" style="width:100%" alt="10">
 +
 +
</div>
 +
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/b/b8/T--IIT-Madras--SchoolV13.png" style="width:100%" alt="10">
 +
 +
</div>
 +
 +
</div>
 +
<br>
 +
 +
<div style="text-align:center; display: none;">
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
<span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
<span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
 +
 +
</div>
 +
 +
</div>
 +
<script>
 +
var slideIndex = 0;
 +
showSlides();
 +
 +
function showSlides() {
 +
    var i;
 +
    var slides = document.getElementsByClassName("mySlides");
 +
    var dots = document.getElementsByClassName("dot");
 +
    for (i = 0; i < slides.length; i++) {
 +
      slides[i].style.display = "none"; 
 +
    }
 +
    slideIndex++;
 +
    if (slideIndex > slides.length) {slideIndex = 1}   
 +
    for (i = 0; i < dots.length; i++) {
 +
        dots[i].className = dots[i].className.replace(" active", "");
 +
    }
 +
    slides[slideIndex-1].style.display = "block"; 
 +
    dots[slideIndex-1].className += " active";
 +
    setTimeout(showSlides, 2000);
 +
}
 +
</script>
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 21:17, 17 October 2018

iGEM Collaborations Page

☰

Team: IIT-Madras/Results

School Visits

School Visits

School visits are an important part of educational outreach programmes as this involves inspiring young minds. With the aim of increasing curiosity and enthusiasm for synthetic biology among school kids, we decided to conduct sessions in 4 schools in chennai. We wanted this to be a fruitful and memorable experience for the school students. Biotechnology is a very interesting area and its advancements are numerous. What better than to share these exciting innovations in synthetic biology with school students. Hence we prepared a small presentation about iGEM and developed some interesting activities. The activities involved the following :

  1. Listing out some (maybe 20-30 odd) genes and the proteins they code for and asking the students to design an organism which has some specified characteristics by figuring out which genes are present (basically using the idea of antibiotic selection/ blue white selection etc)
  2. Giving them multiple choice questions about very absurd and cool iGem projects + others and asking them to figure out which of this has been done before.
1
2
3
4
5
6
7
8
9
10
10
10
10