Difference between revisions of "Team:IIT Delhi/Notebook"
| (21 intermediate revisions by 2 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,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: | + | top: 14%; |
width: 100%; | width: 100%; | ||
| − | text-align: | + | text-align: left; |
| − | margin-top: | + | 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: # | + | color: #fff; |
} | } | ||
.overlay .closebtn { | .overlay .closebtn { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | 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,510: | Line 1,581: | ||
/* The actual timeline (the vertical ruler) */ | /* The actual timeline (the vertical ruler) */ | ||
.timeline1 { | .timeline1 { | ||
| − | position: | + | position: left; |
| − | + | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
| Line 1,519: | Line 1,590: | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
| − | width: | + | width: 0px; |
background-color: white; | background-color: white; | ||
top: 0; | top: 0; | ||
| Line 1,532: | Line 1,603: | ||
position: relative; | position: relative; | ||
background-color: inherit; | background-color: inherit; | ||
| − | width: | + | width: 75%; |
} | } | ||
| Line 1,556: | Line 1,627: | ||
/* Place the container to the right */ | /* Place the container to the right */ | ||
.right1 { | .right1 { | ||
| − | left: | + | left: 10%; |
} | } | ||
| Line 1,784: | 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 | + | <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,887: | Line 1,958: | ||
<section id="two" class=" align-center"> | <section id="two" class=" align-center"> | ||
| − | + | ||
<div class="backbody2"> | <div class="backbody2"> | ||
<div class="timeline1"> | <div class="timeline1"> | ||
| − | <div class="container1 | + | <div class="container1 right1"> |
| − | <div class="content1 | + | <div class="content1"> |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer | + | <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"> | |
| − | < | + | <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> | |
| − | + | </object> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </ | + | |
| − | + | </div> | |
| − | + | </div> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<div class="container1 right1"> | <div class="container1 right1"> | ||
| − | <div class="content1 | + | <div class="content1" > |
| − | < | + | <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer">May</span></h2> |
| − | + | <object data="https://static.igem.org/mediawiki/2017/d/d3/T--IIT_Delhi--NoteMay.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/d/d3/T--IIT_Delhi--NoteMay.pdf">click here to | |
| − | + | download the PDF file.</a></p> | |
| − | + | </object> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </ | + | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <div class="container1 right1"> | |
| − | + | ||
| − | <div class=" | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| + | <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> | </div> | ||
</div> | </div> | ||
| − | + | <div class="container1 right1"> | |
| − | + | ||
| − | <div | + | <div class="content1 boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >July</span></h2> |
| − | + | <object data="https://static.igem.org/mediawiki/2017/2/23/T--IIT_Delhi--NoteJuly.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/2/23/T--IIT_Delhi--NoteJuly.pdf">click here to | |
| − | </ | + | download the PDF file.</a></p> |
| − | </ | + | </object> |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="container1 | + | <div class="container1 right1"> |
| − | + | ||
| − | <div | + | <div class="content1 boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >August</span></h2> |
| − | + | <object data="https://static.igem.org/mediawiki/2017/5/55/T--IIT_Delhi--NoteAugust.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/5/55/T--IIT_Delhi--NoteAugust.pdf">click here to | |
| − | </ | + | download the PDF file.</a></p> |
| − | </ | + | </object> |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| − | + | <div class="container1 right1"> | |
| − | + | ||
| − | <div | + | <div class="content1 boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >September</span></h2> |
| − | + | <object data="https://static.igem.org/mediawiki/2017/2/2b/T--IIT_Delhi--NoteSept.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/2/2b/T--IIT_Delhi--NoteSept.pdf">click here to | |
| − | </ | + | download the PDF file.</a></p> |
| − | </ | + | </object> |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </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> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Latest revision as of 22:19, 1 November 2017
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
May
June
July
August
September
October
