Difference between revisions of "Team:IIT-Madras"

 
(64 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{IIT-Madras/NewHeader}}
 
{{IIT-Madras/NewHeader}}
 
<html>
 
<html>
−
 
+
<br>
 
<style>
 
<style>
  
−
 
+
body {
 +
font-family: title;
 +
}
 
.header {
 
.header {
 
    
 
    
Line 22: Line 24:
 
.parallax {
 
.parallax {
  
−
     background-image: url('https://static.igem.org/mediawiki/2018/5/53/T--IIT-Madras--langprojlogo.png');
+
     background-image: url('https://static.igem.org/mediawiki/2018/4/47/T--IIT-Madras--homepage.png');
−
 
+
background-color: black;
−
     background-attachment: fixed;
+
     background-attachment: scroll;
 
     background-position: center;
 
     background-position: center;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-size: cover;
 
     background-size: cover;
−
min-height: 1000px;
+
min-height: 2000px;
−
opacity: 0.8;
+
opacity: 0.9;
 
}
 
}
  
  
 +
.grid{
 +
display: grid:
 +
grid-template-areas: 1fr 1fr;
 +
 +
}
  
 
.title_desktop  {
 
.title_desktop  {
  
 
position: absolute;
 
position: absolute;
−
top:15%;left:50%;
+
top:40%;left:50%;
 
-ms-transform:translate(-50%,-50%);
 
-ms-transform:translate(-50%,-50%);
 
transform:translate(-50%,-50%);
 
transform:translate(-50%,-50%);
Line 53: Line 60:
 
}
 
}
 
.parallax {
 
.parallax {
−
     background-image: url('https://static.igem.org/mediawiki/2018/5/53/T--IIT-Madras--langprojlogo.png');
+
     background-image: url('https://static.igem.org/mediawiki/2018/4/47/T--IIT-Madras--homepage.png');
  
 
     background-attachment: scroll;
 
     background-attachment: scroll;
  
−
min-height: 200px;
+
min-height: 100%;
−
opacity: 0.8;
+
opacity: 0.9;
 
}
 
}
 
.sticky {
 
.sticky {
Line 66: Line 73:
 
.title_desktop  {
 
.title_desktop  {
  
−
top:40%;left:50%;
+
top:5%;left:50%;
 
-ms-transform:translate(-50%,-50%);
 
-ms-transform:translate(-50%,-50%);
 
transform:translate(-50%,-50%);
 
transform:translate(-50%,-50%);
Line 76: Line 83:
  
 
}
 
}
 +
 +
 +
 +
.mySlides {display: none;}
 +
img {vertical-align: middle;}
 +
 +
/* Slideshow container */
 +
.slideshow-container {
 +
  max-width: 100%;
 +
  position: relative;
 +
  margin: auto;
 +
}
 +
 +
/* Caption text */
 +
.text {
 +
  color: #f2f2f2;
 +
  font-size: 15px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  bottom: 8px;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 12px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
 +
/* The dots/bullets/indicators */
 +
.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;
 +
}
 +
 +
/* Fading animation */
 +
.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}
 +
}
 +
 +
 +
.buttons{
 +
display: grid;
 +
grid-template-columns: 1fr 1fr 1fr;
 +
}
 +
 +
 +
@media only screen and (max-width: 600px) {
 +
.buttons{
 +
grid-template-columns: 1fr;
 +
}
 +
 +
 
</style>
 
</style>
  
−
<div class="header">
+
 
−
<div class="parallax">
+
 
−
<div class="title_desktop" style="font-family: 'title', sans-serif; color: black; border-radius: 10%; font-size: 10mm;">ADaPtat1on.ChassiDex.The Language Project</div></div>
+
 
 +
<div class="slideshow-container">
 +
 
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/c/cc/T--IIT-Madras--logomain.png" style="width:100%; background-color: black;">
 +
 
 
</div>
 
</div>
 +
 +
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/2/21/T--IIT-Madras--hosts.png" style="width:100%; background-color: black;">
 +
 +
</div>
 +
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/e/ec/T--IIT-Madras--tools.png" style="width:100%; background-color: black;">
 +
 +
</div>
 +
 +
<div class="mySlides fade">
 +
 +
<img src="https://static.igem.org/mediawiki/2018/c/c2/T--IIT-Madras--cultures.png" style="width:100%; background-color: black;">
 +
 
 +
</div>
 +
 +
<div class="mySlides fade">
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/c/cc/T--IIT-Madras--logomain.png" style="width:100%; background-color: black;">
 +
 +
</div>
 +
 +
</div>
 +
 +
<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>
 +
</div>
 +
 +
 +
<div class="buttons" style="background-color: black;">
 +
<div>
 +
<a href="https://2018.igem.org/Team:IIT-Madras/Description"><img src="https://static.igem.org/mediawiki/2018/b/b2/T--IIT-Madras--adp.png" style="width:100%;" target="_blank"></a>
 +
</div>
 +
 +
<div>
 +
<a href="https://2018.igem.org/Team:IIT-Madras/Software"><img src="https://static.igem.org/mediawiki/2018/3/31/T--IIT-Madras--cdxlogo.png" style="width:100%;" target="_blank"></a>
 +
</div>
 +
<div>
 +
 +
<a href="https://2018.igem.org/Team:IIT-Madras/TheLanguageProject"> <img src="https://static.igem.org/mediawiki/2018/e/e2/T--IIT-Madras--langprojlogo2.png" style="width:100%;" target="_blank"></a>
 +
</div>
 +
</div>
 +
 +
 +
<p style="font-size: 5.5mm;">
 +
<center>
 +
We are proud to present three projects for iGEM 2018. <br>
 +
 +
Our wetlab project, <b>ADaPtat1on</b>, involves expanding the toolbox for Acinetobacter baylyi ADP1 to make it easier to work with the chassis. <br>
 +
 +
We present our project from last year, <b>ChassiDex</b>, with an improved interface and more data and tools. ChassiDex is a software project. It is a database of information on chassis used in synthetic biology, along with CUTE and Comicsyns: tools to make working with a chassis easier. <br>
 +
 +
We have initiated <b>The Language Project</b>, a multilingual science communication project. We have created video content about synthetic biology in 8 Indian languages, and the initiative has quickly expanded to cover over 25 languages. <br>
 +
 +
<br><br>
 +
Contact us: <br>
 +
<a href="mailto:igem@smail.iitm.ac.in">Email</a><br>
 +
<a href="https://www.facebook.com/igem.iitm/">Facebook</a><br>
 +
<a href="https://www.twitter.com/igem_iitm">Twitter</a><br>
 +
<a href="https://www.youtube.com/channel/UCSYv2GGrFXr4G4x6coUGKlg">YouTube</a><br>
 +
<a href="https://in.linkedin.com/company/iit-madras-igem">LinkedIn</a><br>
 +
<a href="https://medium.com/@igem_IITM">Medium</a><br>
 +
<center>
 +
Special Thanks to our sponsors.<br>
 +
Office of International and Alumni Relations, IIT Madras.<br>
 +
Integrated DNA Technologies<br>
 +
</center>
 +
</p>
 +
 +
<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, 350); // Change image every 5 seconds
 +
}
 +
</script>
 +
 +
 +
 +
 
</html>
 
</html>

Latest revision as of 04:00, 18 October 2018

iGEM Collaborations Page

☰

We are proud to present three projects for iGEM 2018.
Our wetlab project, ADaPtat1on, involves expanding the toolbox for Acinetobacter baylyi ADP1 to make it easier to work with the chassis.
We present our project from last year, ChassiDex, with an improved interface and more data and tools. ChassiDex is a software project. It is a database of information on chassis used in synthetic biology, along with CUTE and Comicsyns: tools to make working with a chassis easier.
We have initiated The Language Project, a multilingual science communication project. We have created video content about synthetic biology in 8 Indian languages, and the initiative has quickly expanded to cover over 25 languages.


Contact us:
Email
Facebook
Twitter
YouTube
LinkedIn
Medium
Special Thanks to our sponsors.
Office of International and Alumni Relations, IIT Madras.
Integrated DNA Technologies