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

 
(10 intermediate revisions by 2 users not shown)
Line 1,232: Line 1,232:
 
<style>
 
<style>
  
.overlay {
+
.overlay{
 
     height: 0%;
 
     height: 0%;
 
     width: 100%;
 
     width: 100%;
Line 1,247: Line 1,247:
 
.overlay-content {
 
.overlay-content {
 
     position: relative;
 
     position: relative;
     top: 10%;
+
     top: 14%;
 
     width: 100%;
 
     width: 100%;
 
     text-align: left;
 
     text-align: left;
Line 1,288: Line 1,288:
 
}
 
}
 
</style>
 
</style>
 +
 +
 +
 +
<style>
 +
 +
.overlay1{
 +
    height: 0%;
 +
    width: 100%;
 +
    position: fixed;
 +
    z-index: 1;
 +
    top: 0;
 +
    left: 0;
 +
    background-color: rgb(0,0,0);
 +
    background-color: rgba(0,0,0, 0.9);
 +
    overflow-y: hidden;
 +
    transition: 0.5s;
 +
}
 +
 +
.overlay1-content {
 +
    position: relative;
 +
    top: 14%;
 +
    width: 100%;
 +
    text-align: left;
 +
    margin-top: 5px;
 +
    font-color:#fff;
 +
}
 +
 +
.overlay1 a {
 +
    padding: 8px;
 +
    text-decoration: none;
 +
    font-size: 36px;
 +
    color: #fff;
 +
    display: block;
 +
    transition: 0.3s;
 +
}
 +
 +
.overlay1 a:hover, .overlay1 a:focus {
 +
    color: #fff;
 +
}
 +
 +
.overlay1 .closebtn1 {
 +
    position: absolute;
 +
    top: 60px;
 +
    right: 45px;
 +
    font-size: 60px;
 +
}
 +
 +
@media screen and (max-height: 450px) {
 +
  .overlay1 {overflow-y: auto;}
 +
  .overlay1 a {font-size: 20px}
 +
  .overlay1 .closebtn1 {
 +
    font-size: 40px;
 +
    top: 15px;
 +
    right: 35px;
 +
  }
 +
}
 +
 +
.whitefont{
 +
font-color: #fff;
 +
}
 +
</style>
 +
 +
 +
 +
 
<style>
 
<style>
 
/* ADJUSTS DEFAULT iGEM CONTENT */
 
/* ADJUSTS DEFAULT iGEM CONTENT */
Line 1,516: Line 1,581:
 
/* The actual timeline (the vertical ruler) */
 
/* The actual timeline (the vertical ruler) */
 
.timeline1 {
 
.timeline1 {
   position: relative;
+
   position: left;
   max-width: 1200px;
+
    
 
   margin: 0 auto;
 
   margin: 0 auto;
 
}
 
}
Line 1,525: Line 1,590:
 
   content: '';
 
   content: '';
 
   position: absolute;
 
   position: absolute;
   width: 6px;
+
   width: 0px;
 
   background-color: white;
 
   background-color: white;
 
   top: 0;
 
   top: 0;
Line 1,538: Line 1,603:
 
   position: relative;
 
   position: relative;
 
   background-color: inherit;
 
   background-color: inherit;
   width: 50%;
+
   width: 75%;
 
}
 
}
  
Line 1,562: Line 1,627:
 
/* Place the container to the right */
 
/* Place the container to the right */
 
.right1 {
 
.right1 {
   left: 50%;
+
   left: 10%;
 
}
 
}
  
Line 1,790: Line 1,855:
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
 
       <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a>
 
       <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a>
       <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluroscence</a>
+
       <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluorescence</a>
 
       <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a>
 
       <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a>
 
       <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a>
 
       <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a>
Line 1,893: Line 1,958:
  
 
<section id="two" class=" align-center">
 
<section id="two" class=" align-center">
<!-- <div class="container backbody"> -->
+
 
<div class="backbody2">
 
<div class="backbody2">
 
 
 
<div class="timeline1">
 
<div class="timeline1">
   <div class="container1 left1">
+
   <div class="container1 right1">
     <div class="content1" style="overflow:scroll; ">
+
     <div class="content1">
  
<div id="myNav" class="overlay">
 
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 
  <div class="overlay-content paddingleft">
 
  <h2  class="boogaloo_font1 ">
 
  
20/4<br><ul>
 
<li>First team meet up
 
<li>Introduction of team members</ul><br>
 
25/4<br><ul>
 
<li> Discussion on DNA structure and replication, Chargaff’s rule, primers and enzymes</ul><br>
 
27/4<br><ul>
 
<li> Discussion on plasmids, digestion, ligation, transformation and 3A assembly
 
<li> Brainstorming on this year’s project - square wave generator</ul><br>
 
28/4<br><ul>
 
<li>Discussion on reference papers of repressilator, synchronous oscillations,
 
robustness etc.</ul><br>
 
29/4<br><ul>
 
<li> Discussion on Gel electrophoresis and blue-white screening</ul><br>
 
  
</h2>
+
       <h2  class="boogaloo_font "><span style="font-size:30px;line-height:30px;cursor:pointer;display:block">We planned early on to document the work we did and efforts we put into our project, on a daily basis,hence, we were able to compile a comprehensive notebook accounting for all the events that took place.<br><br>April</span></h2>
  </div>
+
<object data="https://static.igem.org/mediawiki/2017/5/52/T--IIT_Delhi--NoteApril.pdf" type="application/pdf" width="100%" height="500px">
</div>
+
  <p>It appears you don't have a PDF plugin for this browser.
 
+
  No probs... you can <a href="https://static.igem.org/mediawiki/2017/5/52/T--IIT_Delhi--NoteApril.pdf">click here to
 
+
  download the PDF file.</a></p> 
       <h2  class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">april</span></h2>
+
</object>
 
+
<script>
+
function openNav() {
+
    document.getElementById("myNav").style.height = "100%";
+
}
+
 
+
function closeNav() {
+
    document.getElementById("myNav").style.height = "0%";
+
}
+
</script>
+
 
      
 
      
  
      <p class="boogaloo_font ">
+
</div>
To read...</p>
+
  </div>
  
 
 
 
 
    </div>
 
  </div>
 
 
   <div class="container1 right1">
 
   <div class="container1 right1">
     <div class="content1 boogaloo_font " style="overflow:scroll; ">
+
     <div class="content1" >
  
<div id="myNav" class="overlay5">
+
      <h2  class="boogaloo_font "><span style="font-size:30px;cursor:pointer">May</span></h2>
  <a href="javascript:void(0)" class="closebtn5" onclick="closeNav()">&times;</a>
+
<object data="https://static.igem.org/mediawiki/2017/d/d3/T--IIT_Delhi--NoteMay.pdf" type="application/pdf" width="100%" height="500px">  
  <div class="overlay5-content">
+
  <p>It appears you don't have a PDF plugin for this browser.
    <p class="boogaloo_font ">
+
  No probs... you can <a href="https://static.igem.org/mediawiki/2017/d/d3/T--IIT_Delhi--NoteMay.pdf">click here to
20/4<br><ul>
+
  download the PDF file.</a></p>
<li>First team meet up
+
</object>
<li>Introduction of team members</ul><br>
+
25/4<br><ul>
+
<li> Discussion on DNA structure and replication, Chargaff’s rule, primers and enzymes</ul><br>
+
27/4<br><ul>
+
<li> Discussion on plasmids, digestion, ligation, transformation and 3A assembly
+
<li> Brainstorming on this year’s project - square wave generator</ul><br>
+
28/4<br><ul>
+
<li>Discussion on reference papers of repressilator, synchronous oscillations,
+
robustness etc.</ul><br>
+
29/4<br><ul>
+
<li> Discussion on Gel electrophoresis and blue-white screening</ul><br></p>
+
  </div>
+
</div>
+
  
 
 
      <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">may</span></h2>
 
 
<script>
 
function openNav() {
 
    document.getElementById("myNav").style.height = "100%";
 
}
 
 
function closeNav() {
 
    document.getElementById("myNav").style.height = "0%";
 
}
 
</script>
 
      <p>Lorem ipsum..</p>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
 
 
 
 
 
 
 
  <div class="container1 left1">
 
  
  
<div id="myNav" class="overlay5">
+
   <div class="container1 right1">
  <a href="javascript:void(0)" class="closebtn5" onclick="closeNav()">&times;</a>
+
   <div class="overlay5-content">
+
   
+
  </div>
+
</div>
+
  
 +
    <div class="content1  boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >June</span></h2>
 +
<object data="https://static.igem.org/mediawiki/2017/e/e3/T--IIT_Delhi--NoteJune.pdf" type="application/pdf" width="100%" height="500px">
 +
  <p>It appears you don't have a PDF plugin for this browser.
 +
  No probs... you can <a href="https://static.igem.org/mediawiki/2017/e/e3/T--IIT_Delhi--NoteJune.pdf">click here to
 +
  download the PDF file.</a></p> 
 +
</object>
  
 
    <div class="content1  boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">june</span></h2>
 
 
<script>
 
function openNav() {
 
    document.getElementById("myNav").style.height = "100%";
 
}
 
 
function closeNav() {
 
    document.getElementById("myNav").style.height = "0%";
 
}
 
</script>
 
      <p>Lorem ipsum..</p>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
  <div class="container1 right1">
+
<div class="container1 right1">
  <div class="content1 boogaloo_font " style="overflow:scroll; ">
+
  
<div id="myNav" class="overlay5">
+
    <div class="content1  boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >July</span></h2>
  <a href="javascript:void(0)" class="closebtn5" onclick="closeNav()">&times;</a>
+
<object data="https://static.igem.org/mediawiki/2017/2/23/T--IIT_Delhi--NoteJuly.pdf" type="application/pdf" width="100%" height="500px">  
  <div class="overlay5-content">
+
  <p>It appears you don't have a PDF plugin for this browser.
   
+
  No probs... you can <a href="https://static.igem.org/mediawiki/2017/2/23/T--IIT_Delhi--NoteJuly.pdf">click here to
   </div>
+
   download the PDF file.</a></p> 
</div>
+
</object>
  
 
 
      <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">july</span></h2>
 
 
<script>
 
function openNav() {
 
    document.getElementById("myNav").style.height = "100%";
 
}
 
 
function closeNav() {
 
    document.getElementById("myNav").style.height = "0%";
 
}
 
</script>
 
      <p>Lorem ipsum..</p>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
<div class="container1 left1">
+
<div class="container1 right1">
    <div class="content1 boogaloo_font " style="overflow:scroll; ">
+
  
<div id="myNav" class="overlay5">
+
    <div class="content1  boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >August</span></h2>
  <a href="javascript:void(0)" class="closebtn5" onclick="closeNav()">&times;</a>
+
<object data="https://static.igem.org/mediawiki/2017/5/55/T--IIT_Delhi--NoteAugust.pdf" type="application/pdf" width="100%" height="500px">  
  <div class="overlay5-content">
+
  <p>It appears you don't have a PDF plugin for this browser.
   
+
  No probs... you can <a href="https://static.igem.org/mediawiki/2017/5/55/T--IIT_Delhi--NoteAugust.pdf">click here to
   </div>
+
   download the PDF file.</a></p> 
</div>
+
</object>
  
 
 
      <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">august</span></h2>
 
 
<script>
 
function openNav() {
 
    document.getElementById("myNav").style.height = "100%";
 
}
 
 
function closeNav() {
 
    document.getElementById("myNav").style.height = "0%";
 
}
 
</script>
 
      <p>Lorem ipsum..</p>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  <div class="container1 right1">
+
<div class="container1 right1">
    <div class="content1 boogaloo_font " style="overflow:scroll; ">
+
  
<div id="myNav" class="overlay5">
+
    <div class="content1  boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >September</span></h2>
  <a href="javascript:void(0)" class="closebtn5" onclick="closeNav()">&times;</a>
+
<object data="https://static.igem.org/mediawiki/2017/2/2b/T--IIT_Delhi--NoteSept.pdf" type="application/pdf" width="100%" height="500px">  
  <div class="overlay5-content">
+
  <p>It appears you don't have a PDF plugin for this browser.
   
+
  No probs... you can <a href="https://static.igem.org/mediawiki/2017/2/2b/T--IIT_Delhi--NoteSept.pdf">click here to
   </div>
+
   download the PDF file.</a></p> 
</div>
+
</object>
  
 
 
      <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">september</span></h2>
 
 
<script>
 
function openNav() {
 
    document.getElementById("myNav").style.height = "100%";
 
}
 
 
function closeNav() {
 
    document.getElementById("myNav").style.height = "0%";
 
}
 
</script>
 
      <p>Lorem ipsum..</p>
 
 
     </div>
 
     </div>
  </div><div class="container1 left1">
 
    <div class="content1 boogaloo_font " style="overflow:scroll; ">
 
 
<div id="myNav" class="overlay5">
 
  <a href="javascript:void(0)" class="closebtn5" onclick="closeNav()">&times;</a>
 
  <div class="overlay5-content">
 
   
 
 
   </div>
 
   </div>
</div>
+
<div class="container1 right1">
  
 +
    <div class="content1  boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >October</span></h2>
 +
<object data="https://static.igem.org/mediawiki/2017/0/05/T--IIT_Delhi--NoteOct.pdf" type="application/pdf" width="100%" height="500px">
 +
  <p>It appears you don't have a PDF plugin for this browser.
 +
  No probs... you can <a href="https://static.igem.org/mediawiki/2017/0/05/T--IIT_Delhi--NoteOct.pdf">click here to
 +
  download the PDF file.</a></p> 
 +
</object>
  
 
      <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">October</span></h2>
 
 
<script>
 
function openNav() {
 
    document.getElementById("myNav").style.height = "100%";
 
}
 
 
function closeNav() {
 
    document.getElementById("myNav").style.height = "0%";
 
}
 
</script>
 
      <p>Lorem ipsum..</p>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
 
 
 
 
 
 
 
 
 
 
 
</div>
 
 
</div>
 
</section>
 
 
 
 
 
 
 
 
 
 
  
  

Latest revision as of 22:19, 1 November 2017

iGEM IIT Delhi

We planned early on to document the work we did and efforts we put into our project, on a daily basis,hence, we were able to compile a comprehensive notebook accounting for all the events that took place.

April

It appears you don't have a PDF plugin for this browser. No probs... you can click here to download the PDF file.

May

It appears you don't have a PDF plugin for this browser. No probs... you can click here to download the PDF file.

June

It appears you don't have a PDF plugin for this browser. No probs... you can click here to download the PDF file.

July

It appears you don't have a PDF plugin for this browser. No probs... you can click here to download the PDF file.

August

It appears you don't have a PDF plugin for this browser. No probs... you can click here to download the PDF file.

September

It appears you don't have a PDF plugin for this browser. No probs... you can click here to download the PDF file.

October

It appears you don't have a PDF plugin for this browser. No probs... you can click here to download the PDF file.

Sponsored By
Contact Us Address

E-mail: iitd.igem@gmail.com
Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi