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

 
(24 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 163: Line 172:
 
       background-color: #B0B0B0;
 
       background-color: #B0B0B0;
 
border: 10px solid #003366 ;
 
border: 10px solid #003366 ;
−
         height:400px;
+
         height:300px;
 
width:300px;
 
width:300px;
 
         border-radius:10px 10px 10px 10px;
 
         border-radius:10px 10px 10px 10px;
 
}
 
}
  
 +
.con a:link{
 +
color:#FFFF80;
 +
}
 +
 +
.con a:visited{
 +
color:#E6FFCC;
 +
}
  
 
/* content Top */
 
/* content Top */
Line 225: 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:absolute;
 
−
height:70px;
 
−
        width:190px;
 
−
list-style:none;
 
−
font-family:Verdana, Geneva, sans-serif;
 
−
        font-size:100%;
 
−
text-align: center;
 
 
}
 
}
  
 
#spanimg{
 
#spanimg{
−
   position:absolute;
+
   position:fixed;
 
   margin-top:0%;
 
   margin-top:0%;
−
   margin-left:87%;
+
   margin-left:-1%;
−
   height:15%;
+
   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 261: 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 287: 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 347: Line 365:
 
padding:5px 0px 5px 0px;
 
padding:5px 0px 5px 0px;
 
}
 
}
−
 
 
.left_message{
 
.left_message{
 
position:relative;
 
position:relative;
Line 457: 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 463: 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 480: 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 490: 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 500: 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 511: 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 523: 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 533: 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 542: 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 556: 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 615: 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 624: 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 655: 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 663: 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/f/ff/Air_.pollution_1.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 687: Line 765:
  
 
   <!-------------------------------footer stuff start--------------------------------------->
 
   <!-------------------------------footer stuff start--------------------------------------->
−
<footer style="height:20%;background-color:#1E4C7A;position:absolute;margin-top:1000px;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