Difference between revisions of "Team:IIT Delhi/notebook"

Line 28: Line 28:
 
   position:absolute;
 
   position:absolute;
 
   margin-top:1.5%;
 
   margin-top:1.5%;
−
   width:7%;
+
   width:6%;
 
   padding-left:0;
 
   padding-left:0;
 
   -webkit-transition: all 1s ease;
 
   -webkit-transition: all 1s ease;
Line 35: Line 35:
 
   transition all 1s ease;
 
   transition all 1s ease;
 
}
 
}
−
#icon6{
+
#icon7{
−
   margin-top:1.8%;
+
   margin-top:2%;
 
   margin-left:-0.5%;
 
   margin-left:-0.5%;
 
   width:7%;
 
   width:7%;
 
}
 
}
−
#icon8{
+
#icon6{
−
   width:5.5%;
+
  margin-top:1.5% !important;
 +
   width:5.5% !important;  
 
}
 
}
  
Line 57: Line 58:
 
#IITDigem_logo{
 
#IITDigem_logo{
 
   position:absolute;
 
   position:absolute;
−
   margin-top:1%;
+
   margin-top:2%;
−
   margin-left:2%;
+
   margin-left:11%;
−
   width:14%;
+
   width:10%;
 
}
 
}
  
Line 240: Line 241:
 
margin-bottom: 10px;
 
margin-bottom: 10px;
 
margin-top: 30px;
 
margin-top: 30px;
−
}
 
−
 
−
ul.ldd_menu{
 
−
margin-top:-10px;
 
−
        margin-left:15px;
 
−
padding:0;
 
−
        position:fixed;
 
−
height:70px;
 
−
        width:190px;
 
−
list-style:none;
 
−
font-family:Verdana, Geneva, sans-serif;
 
−
        font-size:100%;
 
−
text-align: center;
 
 
}
 
}
  
Line 258: Line 246:
 
   position:fixed;
 
   position:fixed;
 
   margin-top:0%;
 
   margin-top:0%;
−
   margin-left:87%;
+
   margin-left:-1%;
−
   height:23%;
+
   height:150px;
−
   width:13%;
+
   width:150px;
 +
  opacity:1;
 
   z-index:999;
 
   z-index:999;
 
}
 
}
 
ul.ldd_menu a{
 
ul.ldd_menu a{
−
text-decoration:none;
+
  text-decoration:none;
 
}
 
}
 
ul.ldd_menu > li{
 
ul.ldd_menu > li{
−
float:left;
+
−
position:fixed;
+
  position:fixed;
−
width: 100%;
+
  margin-left:-2%;
−
z-index: 9999;
+
  width:150px;
 +
  z-index: 9999;
 +
  height:150px;
 +
  border-radius:0 0 190px 0;
 +
  transition-delay: 300ms;
 +
 
 +
}
 +
 
 +
ul.ldd_menu > li:hover{
 +
  width:100%;
 +
    transition-delay: 0ms;
 +
 
 +
}
 +
.ldd_submenu ul{
 +
  margin-left:4%;
 +
}
 +
.ldd_submenu ul li{
 +
  padding-bottom:3%;
 
}
 
}
 
ul.ldd_menu > li > span{
 
ul.ldd_menu > li > span{
Line 276: Line 282:
 
   z-index:-1000;
 
   z-index:-1000;
 
   position:absolute;
 
   position:absolute;
−
   margin-left:550px;
+
   margin-left:0%;
−
   width:190px;
+
   width:0%;
−
   font-size:1px;
+
  height:100%;
 +
   font-size:100%;
 
   color:green;
 
   color:green;
 
   opacity:0;
 
   opacity:0;
−
background-color:white;
+
  background-color:white;
−
height:190px;
+
  height:100%;    
−
       
+
  line-height:100%;
−
line-height:50px;
+
  cursor:default;
−
cursor:default;
+
  padding:0px 20px;
−
padding:0px 20px;
+
   border-radius:0 0 190px 0;
−
   border-radius:0 0 0 190px;
+
  text-shadow:0px 0px 1px #CCC;
−
text-shadow:0px 0px 1px #CCC;
+
 
−
}
+
}
  
  
Line 302: Line 309:
 
display: inline-block;
 
display: inline-block;
 
border-left:1px dotted #FFF;
 
border-left:1px dotted #FFF;
−
margin-top: 20px;
 
−
margin-right: 0px;
 
−
margin-bottom: 10px;
 
−
margin-left: 20px;
 
 
padding-top: 10px;
 
padding-top: 10px;
 
padding-right: 5px;
 
padding-right: 5px;
Line 362: Line 365:
 
padding:5px 0px 5px 0px;
 
padding:5px 0px 5px 0px;
 
}
 
}
−
 
 
.left_message{
 
.left_message{
 
position:relative;
 
position:relative;
Line 472: Line 474:
 
   <a href="https://2015.igem.org/Team:IIT_Delhi"><img id="IITDigem_logo"  src="https://static.igem.org/mediawiki/2015/f/ff/IITDigem_logo.png"></a>
 
   <a href="https://2015.igem.org/Team:IIT_Delhi"><img id="IITDigem_logo"  src="https://static.igem.org/mediawiki/2015/f/ff/IITDigem_logo.png"></a>
  
−
 
+
 
 
   <!--------------------------TOP NAV HTML STARTS------------------------------------------>  
 
   <!--------------------------TOP NAV HTML STARTS------------------------------------------>  
 
   <nav>
 
   <nav>
Line 478: Line 480:
 
       <!--------------------------ABSTRACT------------------------------------------>  
 
       <!--------------------------ABSTRACT------------------------------------------>  
 
     <div class="iconsDiv" style="margin-left:22%;">
 
     <div class="iconsDiv" style="margin-left:22%;">
−
       <a href="https://2015.igem.org/Team:IIT_Delhi/abstract"><img class="icons" id="icon5" src="https://static.igem.org/mediawiki/2015/8/86/Abstract1_iitd.png"></a>
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/abstract"><img class="icons" id="icon5" src="https://static.igem.org/mediawiki/2015/b/b2/IITDabstract_copy.png"></a>
 
     </div>
 
     </div>
  
 
   <!--------------------------PROJECT------------------------------------------>  
 
   <!--------------------------PROJECT------------------------------------------>  
 
     <div class="iconsDiv" style="margin-left:29%;">
 
     <div class="iconsDiv" style="margin-left:29%;">
−
       <a href="https://2015.igem.org/Team:IIT_Delhi/project"><img class="icons" id="icon1" src="https://static.igem.org/mediawiki/2015/2/2f/IITDproject1.png"></a>
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/project"><img class="icons" id="icon1" src="https://static.igem.org/mediawiki/2015/c/c7/IITDproject1_copy.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
Line 495: Line 497:
  
 
     <div class="iconsDiv" style="margin-left:36%;">
 
     <div class="iconsDiv" style="margin-left:36%;">
−
       <a href="https://2015.igem.org/Team:IIT_Delhi/notebook"><img class="icons" id="icon4" src="https://static.igem.org/mediawiki/2015/e/ee/Notebook_iitd.png"></a>
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/notebook"><img class="icons" id="icon4" src="https://static.igem.org/mediawiki/2015/c/cc/IITDnotebook1_copy.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
Line 505: Line 507:
  
 
     <div class="iconsDiv" style="margin-left:43%;">
 
     <div class="iconsDiv" style="margin-left:43%;">
−
       <a href="https://2015.igem.org/Team:IIT_Delhi/results"><img class="icons" id="icon8" src="https://static.igem.org/mediawiki/2015/0/0b/Results1_iitd.png"></a>
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/results"><img class="icons" id="icon8" src="https://static.igem.org/mediawiki/2015/d/dd/IITDresults1_copy.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
Line 515: Line 517:
  
 
     <div class="iconsDiv" style="margin-left:50%;">
 
     <div class="iconsDiv" style="margin-left:50%;">
−
       <a href="https://2015.igem.org/Team:IIT_Delhi/modelling"><img class="icons" id="icon2" src="https://static.igem.org/mediawiki/2015/b/b9/IITDmodelling1.png"></a>
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/modelling"><img class="icons" id="icon2" src="https://static.igem.org/mediawiki/2015/a/a4/IITDmodelling1_copy.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
Line 526: Line 528:
  
 
     <div class="iconsDiv" style="margin-left:57%;">
 
     <div class="iconsDiv" style="margin-left:57%;">
−
       <a href="https://2015.igem.org/Team:IIT_Delhi/team"><img class="icons" id="icon3" src="https://static.igem.org/mediawiki/2015/0/01/Team1iitd.png"></a>
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/team"><img class="icons" id="icon3" src="https://static.igem.org/mediawiki/2015/e/e9/IITDteam1_copy.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
Line 538: Line 540:
  
 
     <div class="iconsDiv" style="margin-left:64%;">
 
     <div class="iconsDiv" style="margin-left:64%;">
−
       <a href="https://2015.igem.org/Team:IIT_Delhi/human_practices"><img class="icons" id="icon6" style="margin-top:1.8%;" src="https://static.igem.org/mediawiki/2015/2/27/IITDhp.png"></a>
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/human_practices"><img class="icons" id="icon6" src="https://static.igem.org/mediawiki/2015/6/61/IITDethics1.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
Line 548: Line 550:
  
 
     <div class="iconsDiv" style="margin-left:71%;">
 
     <div class="iconsDiv" style="margin-left:71%;">
−
       <a href="https://2015.igem.org/Team:IIT_Delhi/ethics"><img class="icons" id="icon7" src="https://static.igem.org/mediawiki/2015/5/51/Ethics1_iitd.png"></a>
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/ethics"><img class="icons" id="icon7" src="https://static.igem.org/mediawiki/2015/5/5c/IITDhp_copy.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
Line 558: Line 560:
 
     </div>
 
     </div>
  
−
<a href="http://www.igem.org/Main_Page"><img id="igemlogo" style="width:10%;margin-left:84%;position:absolute;margin-top:3%;" src="https://static.igem.org/mediawiki/2015/1/19/Toronto_2015_images_igem.png" /></a>
+
<a href="http://www.igem.org/Main_Page"><img id="igemlogo" style="width:14%;margin-left:82%;position:absolute;margin-top:0%;" src="https://static.igem.org/mediawiki/2015/1/19/Toronto_2015_images_igem.png" /></a>
  
 
   </nav>
 
   </nav>
 
   <!--------------------------TOP NAV HTML BULGING ICONS ENDS------------------------------------------>
 
   <!--------------------------TOP NAV HTML BULGING ICONS ENDS------------------------------------------>
 +
 
 
    
 
    
  
Line 573: Line 576:
 
<!---------------TOUR CANCELLED------------------------->
 
<!---------------TOUR CANCELLED------------------------->
 
<!-------------Span sitemap image--------->
 
<!-------------Span sitemap image--------->
−
<img id="spanimg" src="https://static.igem.org/mediawiki/2015/1/1a/IITDsitemapfinal.png">             
+
<img id="spanimg" src="https://static.igem.org/mediawiki/2015/d/de/IITDSitemap1.png">             
 
<!------------Span sitemap image---------->
 
<!------------Span sitemap image---------->
 
   <div class="box">
 
   <div class="box">
 
     <ul id="ldd_menu" class="ldd_menu" style="position:absolute;">
 
     <ul id="ldd_menu" class="ldd_menu" style="position:absolute;">
 
       <li>
 
       <li>
−
         <span>SiteMap</span>
+
         <span id="site">SiteMap</span>
 
         <!---
 
         <!---
 
         <img id="spanimg" src="https://static.igem.org/mediawiki/2015/6/6b/IITDSitemap.png">           
 
         <img id="spanimg" src="https://static.igem.org/mediawiki/2015/6/6b/IITDSitemap.png">           
Line 632: Line 635:
 
    </ul>
 
    </ul>
 
             <ul>
 
             <ul>
−
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/human_practices">HUMAN PRACTICES</a></li>
+
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/human_practices">ETHICS</a></li>
 
   
 
   
 
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#collaborations">COLLABORATIONS</a></li>
 
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#collaborations">COLLABORATIONS</a></li>
Line 641: Line 644:
 
    </ul>
 
    </ul>
 
             <ul>
 
             <ul>
−
<li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/ethics">ETHICS</a></li>
+
<li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/ethics">HUMAN PRACTICES</a></li>
 
                 <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#orientation">ORIENTATION</a></li>
 
                 <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#orientation">ORIENTATION</a></li>
 
<li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#openhouse">OPEN HOUSE</a></li>
 
<li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#openhouse">OPEN HOUSE</a></li>

Revision as of 22:50, 18 September 2015

terget

Summary


  • It all started on May 23rd. A group of students, highly excited about the whole idea of Synthetic Biology and awesomely enthusiastic to make something real! May be we were low in experience, but we were high in zeal!

  • And by October 18th, we had developed a genetically cloned bacteria out of nowhere, developed the mathematical models of our prototype with detailed simulation, and designed our own prototype to implement our idea on a broader spectrum, spread awareness about the field of synthetic biology, came up with a book on pollution and even designed games on our Eco.Coli bacteria.

  • Seems too much, but all these did happen, and it was fun! Now, the most important question: How? Well, here lies the answer:

  • Eat, Sleep, Clone and repeat!

  • The Biotech UG lab of IIT Delhi served as our activity hub, where we were working at least 8 hours a day for the entire summers. The fun we had, and the joy after accomplishment of each of our targets was incomparable.

    • Timeline

    A dream to finalisation of idea- Click here

    Introductory Lab Sessions to Gel Electrophoresis- Click here

    Strategy Planned and Lab Sessions - Click here

    Lab Session 10-06 to 22-06 - Click here

    Lab Session 24-06 to 26-07- Click here

    CL-I strategy for cloning - 1 Click here

    CL-I strategy for cloning - 2 Click here

    CL-I strategy for cloning - 3 Click here

    CL-I strategy for cloning - 4 Click here

    CL-II strategy for cloning - 3A Click here

    CL-III strategy for cloning - 3A Click here

    Lab Session 10-08 to 17-08 : Click here

    Lab Session 18-08 to 24-08 : Click here



    Album

    "Develop a passion for learning. If you do, you will never cease to grow."
    -Anthony J. D'Angelo
    album.jpg