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

 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Template_All_Teams}}
+
terget{{Template_All_Teams}}
  
 
<html>
 
<html>
Line 28: Line 28:
 
   position:absolute;
 
   position:absolute;
 
   margin-top:1.5%;
 
   margin-top:1.5%;
−
   width:7%;
+
   width:6%;
−
   padding-left:35px;
+
   padding-left:0;
 
   -webkit-transition: all 1s ease;
 
   -webkit-transition: all 1s ease;
 
   -moz-transition: all 1s ease;
 
   -moz-transition: all 1s ease;
 
   -o-transition: all 1s ease;
 
   -o-transition: all 1s ease;
 
   transition all 1s ease;
 
   transition all 1s ease;
 +
}
 +
#icon7{
 +
  margin-top:2%;
 +
  margin-left:-0.5%;
 +
  width:7%;
 +
}
 +
#icon6{
 +
  margin-top:1.5% !important;
 +
  width:5.5%  !important;
 
}
 
}
  
Line 49: 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 169: Line 178:
  
 
.con a:link{
 
.con a:link{
−
color:#D6FFEB;
+
color:#FFFF80;
 
}
 
}
  
Line 232: 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 250: 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 268: 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 294: 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 354: Line 365:
 
padding:5px 0px 5px 0px;
 
padding:5px 0px 5px 0px;
 
}
 
}
−
 
 
.left_message{
 
.left_message{
 
position:relative;
 
position:relative;
Line 464: 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 470: 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 487: 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 497: 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 507: 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 518: 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 530: 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 540: 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 549: Line 559:
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
 +
 +
<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 563: 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 622: 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 631: 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>
Line 662: Line 675:
 
 
 
   <div class="container con">
 
   <div class="container con">
 +
          <table>
 +
<tr id="summary">
 +
<td class="det" align="left" style="vertical-align:top;">
 +
<h1 style="font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:white;font-size:250%;padding-top:18px;">Summary</h1>
 +
<h2 style="font-family: 'Roboto', sans-serif;color:white;font-size:150%;vertical-align:text-top;">
 +
 +
<br>
 +
 +
<li> 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! </li>
 +
 +
<br>
 +
 +
<li> 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. </li>
 +
 +
<br>
 +
 +
<li> Seems too much, but all these did happen, and it was fun! Now, the most important question: How? Well, here lies the answer: </li>
 +
 +
<br>
 +
 +
<li> Eat, Sleep, Clone and repeat! </li>
 +
 +
<br>
 +
 +
<li> 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.  </li>
 +
 +
 +
 +
 +
</h2>
 +
        </td>
 +
 +
</tr>
 +
      </table>
 
    <table>
 
    <table>
 
<tr id="timeline">
 
<tr id="timeline">
Line 670: Line 717:
 
Introductory Lab Sessions to Gel Electrophoresis- <a href="https://static.igem.org/mediawiki/2015/7/70/Dream_iitd.pdf"> Click here </a><br><br>
 
Introductory Lab Sessions to Gel Electrophoresis- <a href="https://static.igem.org/mediawiki/2015/7/70/Dream_iitd.pdf"> Click here </a><br><br>
 
Strategy Planned and Lab Sessions - <a href="https://static.igem.org/mediawiki/2015/7/70/Dream_iitd.pdf"> Click here </a><br><br>
 
Strategy Planned and Lab Sessions - <a href="https://static.igem.org/mediawiki/2015/7/70/Dream_iitd.pdf"> Click here </a><br><br>
−
Lab Session 10-06 to 22-06 - <a href="https://static.igem.org/mediawiki/2015/d/d2/10-06_iitd.pdf"> Click here </a><br><br>
+
Lab Session 10-06 to 22-06 - <a href="https://static.igem.org/mediawiki/2015/d/d2/10-06_iitd.pdf" target="_blank"> Click here </a><br><br>
−
Lab Session 24-06 to 26-07-  <a href="https://static.igem.org/mediawiki/2015/8/8d/24-06_iitd.pdf"> Click here </a><br><br>
+
Lab Session 24-06 to 26-07-  <a href="https://static.igem.org/mediawiki/2015/8/8d/24-06_iitd.pdf" target="_blank"> Click here </a><br><br>
−
CL-I strategy for cloning - 1 <a href="https://static.igem.org/mediawiki/2015/8/8f/Cloning1_iitd.pdf"> Click here </a><br><br>
+
CL-I strategy for cloning - 1 <a href="https://static.igem.org/mediawiki/2015/8/8f/Cloning1_iitd.pdf" target="_blank"> Click here </a><br><br>
−
CL-I strategy for cloning - 2 <a href="https://static.igem.org/mediawiki/2015/b/b4/Cloning2_iitd.pdf"> Click here </a><br><br>
+
CL-I strategy for cloning - 2 <a href="https://static.igem.org/mediawiki/2015/b/b4/Cloning2_iitd.pdf" target="_blank"> Click here </a><br><br>
−
CL-I strategy for cloning - 3 <a href="https://static.igem.org/mediawiki/2015/b/bc/Cloning3_iitd.pdf"> Click here </a><br><br>
+
CL-I strategy for cloning - 3 <a href="https://static.igem.org/mediawiki/2015/b/bc/Cloning3_iitd.pdf" target="_blank"> Click here </a><br><br>
−
CL-I strategy for cloning - 4  <a href="https://static.igem.org/mediawiki/2015/8/8d/Cloning4_iitd.pdf"> Click here </a><br><br>
+
CL-I strategy for cloning - 4  <a href="https://static.igem.org/mediawiki/2015/8/8d/Cloning4_iitd.pdf" target="_blank"> Click here </a><br><br>
−
CL-II strategy for cloning - 3A  <a href="https://static.igem.org/mediawiki/2015/1/1b/Cloning3a_iitd.pdf"> Click here </a><br><br>
+
CL-II strategy for cloning - 3A  <a href="https://static.igem.org/mediawiki/2015/1/1b/Cloning3a_iitd.pdf" target="_blank"> Click here </a><br><br>
−
CL-III strategy for cloning - 3A  <a href="https://static.igem.org/mediawiki/2015/2/2b/Cloning3a_iitd2.pdf"> Click here </a><br><br>
+
CL-III strategy for cloning - 3A  <a href="https://static.igem.org/mediawiki/2015/2/2b/Cloning3a_iitd2.pdf" target="_blank"> Click here </a><br><br>
−
Lab Session 10-08 to 17-08 : <a href="https://static.igem.org/mediawiki/2015/e/e3/10-08_iitd.pdf"> Click here </a><br><br>
+
Lab Session 10-08 to 17-08 : <a href="https://static.igem.org/mediawiki/2015/e/e3/10-08_iitd.pdf" target="_blank"> Click here </a><br><br>
−
Lab Session 18-08 to 24-08  : <a href="https://static.igem.org/mediawiki/2015/6/6a/18-08_iitd.pdf"> Click here </a><br><br>
+
Lab Session 18-08 to 24-08  : <a href="https://static.igem.org/mediawiki/2015/6/6a/18-08_iitd.pdf" target="_blank"> Click here </a><br><br>
 
</h2>
 
</h2>
 
        </td>
 
        </td>
−
<td><img class="team" src="https://static.igem.org/mediawiki/2015/7/76/HEA_LN-8888A_WL.jpg" height="400px" width="200px"></td>
+
<td><br><br><img class="team" src="https://static.igem.org/mediawiki/2015/2/2e/NOTEBOOK.PNG" height="400px" width="200px"></td>
 
</tr>
 
</tr>
 
      </table>
 
      </table>
 
      </table>
 
      </table>
 +
 +
<table>
 +
<tr id="album">
 +
<td class="det" align="left" style="vertical-align:top;">
 +
<h1 style="font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:white;font-size:250%;padding-top:18px;">Album</h1>
 +
<h2 style="font-family: 'Roboto', sans-serif;color:white;font-size:150%;vertical-align:text-top;">
 +
 +
<h2 style="font-family: 'Roboto', sans-serif;color:white;font-size:150%;vertical-align:text-top;">
 +
 +
 +
<div>
 +
  <table width="25%" height="25%" align="center" valign="center">
 +
  <tr><td>
 +
      <img src="https://static.igem.org/mediawiki/2015/d/dd/Slide11_albnot_mod.JPG" alt="album.jpg" />
 +
  </td></tr>
 +
  </table>
 +
</div>
 +
 +
 +
</h2>
 +
        </td>
 +
 +
</tr>
 +
      </table>
  
 
         </div>
 
         </div>
Line 694: Line 765:
  
 
   <!-------------------------------footer stuff start--------------------------------------->
 
   <!-------------------------------footer stuff start--------------------------------------->
−
<footer style="height:20%;background-color:#1E4C7A;position:absolute;margin-top:1300px;width:100%;">
+
<footer style="height:20%;background-color:#1E4C7A;position:absolute;margin-top:1800px;width:100%;">
 
   
 
   
 
<div style="background-color:#1E4C7A;">
 
<div style="background-color:#1E4C7A;">

Latest revision as of 01:31, 19 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

    album.jpg