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

 
(23 intermediate revisions by 3 users not shown)
Line 28: Line 28:
 
{ font-family:'Boogaloo'}
 
{ font-family:'Boogaloo'}
  
 +
.boogaloo_font1
 +
{ font-family:'Boogaloo';
 +
color: #fff;
 +
font-size:20px;}
  
 
.backbody2{
 
.backbody2{
Line 54: Line 58:
 
   }
 
   }
  
−
 
+
.paddingleft{
 +
padding-left:50px;
 +
padding-right:50px;}
  
  
Line 1,091: Line 1,097:
 
background-position: center;
 
background-position: center;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
−
background-size: 100% 100% ;
+
background-size: cover ;
 
                
 
                
 
color: #ffffff;
 
color: #ffffff;
Line 1,226: Line 1,232:
 
<style>
 
<style>
  
−
.overlay {
+
.overlay{
 
     height: 0%;
 
     height: 0%;
 
     width: 100%;
 
     width: 100%;
Line 1,241: Line 1,247:
 
.overlay-content {
 
.overlay-content {
 
     position: relative;
 
     position: relative;
−
     top: 25%;
+
     top: 14%;
 
     width: 100%;
 
     width: 100%;
−
     text-align: center;
+
     text-align: left;
−
     margin-top: 30px;
+
     margin-top: 5px;
 
     font-color:#fff;
 
     font-color:#fff;
 
}
 
}
Line 1,258: Line 1,264:
  
 
.overlay a:hover, .overlay a:focus {
 
.overlay a:hover, .overlay a:focus {
−
     color: #f1f1f1;
+
     color: #fff;
 
}
 
}
  
 
.overlay .closebtn {
 
.overlay .closebtn {
 
     position: absolute;
 
     position: absolute;
−
     top: 20px;
+
     top: 60px;
 
     right: 45px;
 
     right: 45px;
 
     font-size: 60px;
 
     font-size: 60px;
Line 1,282: 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,384: Line 1,455:
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
 +
 +
.dropbtn2 {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 15px 16px;
 +
    background-color: #000;
 +
    background-size: 100% 100%;
 +
    z-index: 101;
 +
}
 +
 +
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
     background-color: red;
 
     background-color: red;
Line 1,497: 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,506: 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,519: Line 1,603:
 
   position: relative;
 
   position: relative;
 
   background-color: inherit;
 
   background-color: inherit;
−
   width: 50%;
+
   width: 75%;
 
}
 
}
  
Line 1,543: Line 1,627:
 
/* Place the container to the right */
 
/* Place the container to the right */
 
.right1 {
 
.right1 {
−
   left: 50%;
+
   left: 10%;
 
}
 
}
  
Line 1,752: Line 1,836:
 
<div class = "navbar ">
 
<div class = "navbar ">
 
 
−
                                                         <button class="dropbtn1"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
+
                                                         <button class="dropbtn2"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
−
<div class = "right_menu">
+
        <div class = "right_menu">
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Project  
 
     <button class="dropbtn">Project  
Line 1,759: Line 1,843:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="/Team:IIT_Delhi/Description">Description</a>
+
       <a href="/Team:IIT_Delhi/Description">Overview</a>
−
       <a href="/Team:IIT_Delhi/Results">Results</a>
+
       <a href="/Team:IIT_Delhi/Design">Squarewave Generator</a>
  
−
       <a href="/Team:IIT_Delhi/Interlab">Interlab</a>
+
       <a href="/Team:IIT_Delhi/InterLab">Interlab</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 
                                                         <div class="dropdown">
 
                                                         <div class="dropdown">
 +
    <button class="dropbtn">Results
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a>
 +
      <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluorescence</a>
 +
      <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a>
 +
      <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a>
 +
                                                      <a href="/Team:IIT_Delhi/Oscillations">Oscillations</a>
 +
                                                     
 +
    </div>
 +
  </div>
 +
 +
                                                          <div class="dropdown">
 
     <button class="dropbtn">Parts  
 
     <button class="dropbtn">Parts  
 
     <i class="fa fa-caret-down"></i>
 
     <i class="fa fa-caret-down"></i>
Line 1,774: Line 1,872:
 
       <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 
       <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 
       <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 
       <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 +
                                                     
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Modeling
 
     <button class="dropbtn">Modeling
Line 1,782: Line 1,882:
 
     <div class="dropdown-content-big">
 
     <div class="dropdown-content-big">
 
       <a href="/Team:IIT_Delhi/Model">Overview</a>
 
       <a href="/Team:IIT_Delhi/Model">Overview</a>
−
       <a href="/Team:IIT_Delhi/Database">Simulation Database</a>
+
       <a href="/Team:IIT_Delhi/Write_Model">Writing a Model</a>
 +
                                                        <a href="/Team:IIT_Delhi/Deterministic_Model">Deterministic Model </a>
 +
                                                        <a href="/Team:IIT_Delhi/Stochastic_Model">Stochastic Model</a>
 +
                                                        <a href="/Team:IIT_Delhi/Bifurcation">Bifurcation and Squareness</a>
 +
                                                        <a href="/Team:IIT_Delhi/Resources">Resource sharing</a>
 
     </div>
 
     </div>
 
     </div>
 
     </div>
Line 1,794: Line 1,898:
 
       <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a>
 
       <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a>
 
       <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a>
 
       <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a>
 +
                                                        <a href="/Team:IIT_Delhi/Safety">Safety</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 +
 +
                                                        <div class="dropdown">
 +
    <button class="dropbtn">Collaborations
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
                                                        <a href="/Team:IIT_Delhi/Collaborations">Overview</a>
 +
      <a href="/Team:IIT_Delhi/GMM_legislation">GMM Legislation</a>
 +
      <a href="/Team:IIT_Delhi/berlin">iGEM Berlin</a>
 +
      <a href="/Team:IIT_Delhi/mohali">Mentoring IISER Mohali</a>
 +
      <a href="/Team:IIT_Delhi/glasgow">iGEM Glasgow</a>
 +
             
 +
    </div>
 +
  </div> 
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Notebook  
 
     <button class="dropbtn">Notebook  
Line 1,821: Line 1,940:
 
</div>
 
</div>
 
</div>
 
</div>
−
 
 
 
 
 
Line 1,840: 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 whitefont">
 
−
    hello
 
−
  </div>
 
−
</div>
 
  
  
−
       <h2  class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">april</span></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>
−
 
+
<object data="https://static.igem.org/mediawiki/2017/5/52/T--IIT_Delhi--NoteApril.pdf" type="application/pdf" width="100%" height="500px">
−
<script>
+
  <p>It appears you don't have a PDF plugin for this browser.
−
function openNav() {
+
  No probs... you can <a href="https://static.igem.org/mediawiki/2017/5/52/T--IIT_Delhi--NoteApril.pdf">click here to
−
    document.getElementById("myNav").style.height = "100%";
+
  download the PDF file.</a></p> 
−
}
+
</object>
−
 
+
−
function closeNav() {
+
−
    document.getElementById("myNav").style.height = "0%";
+
−
}
+
−
</script>
+
 
      
 
      
  
−
      <pclass="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

Overview Squarewave Generator Interlab
Circuit design and construction Microfluidics and Fluorescence Photobleaching Promoter strength Oscillations
Basic Parts Composite Parts Improved Parts Part Collection
Overview Writing a Model Deterministic Model Stochastic Model Bifurcation and Squareness Resource sharing
Human Practices Integrated Practices Public Engagement Collaborations Safety
Overview GMM Legislation iGEM Berlin Mentoring IISER Mohali iGEM Glasgow
Lab Records Protocols Recipes Medal Criteria
The Team Attributions

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