Difference between revisions of "Team:NUS Singapore-A/Notebook"

 
(8 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
      
 
      
−
    <head>
+
  <head>
−
        <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600" rel="stylesheet">
+
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600" rel="stylesheet">
−
        <link href="https://fonts.googleapis.com/css?family=Lora:400,400i" rel="stylesheet">
+
    <link href="https://fonts.googleapis.com/css?family=Lora:400,400i" rel="stylesheet">
−
        <link rel="stylesheet" href="/w3css/4/w3.css">
+
  </head>
−
    </head>
+
 
 +
<!-- <script type="text/javascript" src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>  -->
  
 
<script src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
<script src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
<script type="text/x-mathjax-config">
 +
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 +
</script>
  
  
Line 16: Line 20:
 
<div class="all-wrapper">
 
<div class="all-wrapper">
 
<div class="content-wrapper">
 
<div class="content-wrapper">
−
    <img src="https://static.igem.org/mediawiki/2018/e/e7/T--NUS_Singapore-A--Notebook_heading_C.png" class="notebook-header">
 
−
    <div class="all-wrapper">
 
−
    <br>
 
−
    <img src="https://static.igem.org/mediawiki/2018/9/9b/T--NUS_Singapore-A--Notebook_heading.png" width="1090" height="160" alt="Notebook heading" usemap="#workmap">
 
  
−
    <div class="months-container">
+
  <img src="https://static.igem.org/mediawiki/2018/e/e7/T--NUS_Singapore-A--Notebook_heading_C.png" class="header">
−
    <div><span>Protocol</span></div>
+
−
    <div><span>May</span></div>
+
−
    <div><span>June</span></div>
+
−
    <div><span>July</span></div>
+
−
    <div><span>August</span></div>
+
−
    <div><span>September</span></div>
+
−
    <!--<div><span>October</span></div>-->
+
−
    </div>
+
  
−
<p style="text-align: center;">Click on different notebooks to see our records.</p>
 
  
−
<hr>
+
  <p>Below are protocols and notebooks from three wet lab groups. Feel free to download them and take a look.</p>
−
<map name="workmap">
+
<br>
−
    <area shape="rect" coords="90,10,200,130" alt="Protocols" class="tablinks" onclick="openCity(event, 'Protocols')">
+
  <button class="accordion"> PROTOCOLS </button>
−
    <area shape="rect" coords="250,10,360,130" alt="June" class="tablinks" onclick="openCity(event, 'June')">
+
     <div class="panel">
−
    <area shape="rect" coords="410,10,520,130" alt="July" class="tablinks" onclick="openCity(event, 'July')">
+
      <p>Click <a href="https://static.igem.org/mediawiki/2018/5/50/T--NUS_Singapore-A--Protocols.pdf">here</a> to download protocols used in our wet lab.</p>
−
     <area shape="rect" coords="570,10,680,130" alt="July" class="tablinks" onclick="openCity(event, 'August')">
+
      <br>
−
    <area shape="rect" coords="730,10,840,130" alt="July" class="tablinks" onclick="openCity(event, 'September')">
+
    </div>
−
    <area shape="rect" coords="890,10,1000,130" alt="July" class="tablinks" onclick="openCity(event, 'October')">
+
−
</map>
+
  
−
<div id="Protocols" class="tabcontent">
+
  <button class="accordion"> WET LAB GROUP 1 </button>
−
<h1>Protocols</h1>
+
    <div class="panel">
 +
      <p>The follow are the notebooks for the respective months of Wet Lab Group 1</p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/c/cf/T--NUS_Singapore-A--NotebookGroup1_6.pdf">JUNE</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/b/b1/T--NUS_Singapore-A--NotebookGroup1_7.pdf">JULY</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/c/c6/T--NUS_Singapore-A--NotebookGroup1_8.pdf">AUGUST</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/e/ed/T--NUS_Singapore-A--NotebookGroup1_9.pdf">SEPTEMBER</a></p>
 +
      <br>
  
−
<object data="https://static.igem.org/mediawiki/2016/e/ec/T--Imperial_College--LabBook.pdf" type="application/pdf" width="80%" height="900px">
+
    </div>
−
  <p>It appears you don't have a PDF plugin for this browser.
+
−
  No biggie... you can <a href="https://static.igem.org/mediawiki/2016/e/ec/T--Imperial_College--LabBook.pdf">click here to
+
−
  download the PDF file.</a></p> 
+
−
</object>
+
−
 
+
−
</div>
+
  
−
<div id="June" class="tabcontent">
+
  <button class="accordion"> WET LAB GROUP 2 </button>
−
  <h2>June</h2>
+
    <div class="panel">
−
  <p>PDF here</p>  
+
      <p>The follow are the notebooks for the respective months of Wet Lab Group 2</p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/d/d8/T--NUS_Singapore-A--NotebookGroup2_5.pdf">MAY</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/b/b0/T--NUS_Singapore-A--NotebookGroup2_6.pdf">JUNE</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/e/e9/T--NUS_Singapore-A--NotebookGroup2_7.pdf">JULY</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/a/ab/T--NUS_Singapore-A--NotebookGroup2_8.pdf">AUGUST</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/8/80/T--NUS_Singapore-A--NotebookGroup2_9.pdf">SEPTEMBER</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/b/bc/T--NUS_Singapore-A--NotebookGroup2_10.pdf">OCTOBER</a></p>
 +
      <br>
  
−
</div>
+
    </div>
  
−
<div id="July" class="tabcontent">
+
  <button class="accordion"> WET LAB GROUP 3 </button>
−
  <h2>July</h2>
+
    <div class="panel">
−
  <p>PDF here</p>
+
      <p>The follow are the notebooks for the respective months of Wet Lab Group 3</p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/0/06/T--NUS_Singapore-A--NotebookGroup3_06.pdf">JUNE</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/0/0e/T--NUS_Singapore-A--NotebookGroup3_07.pdf">JULY</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/6/64/T--NUS_Singapore-A--NotebookGroup3_08.pdf">AUGUST</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/1/1e/T--NUS_Singapore-A--NotebookGroup3_09.pdf">SEPTEMBER</a></p>
 +
      <br>
 +
      <p><a href="https://static.igem.org/mediawiki/2018/e/e2/T--NUS_Singapore-A--NotebookGroup3_10.pdf">OCTOBER</a></p>
 +
      <br>
  
−
</div>
+
    </div>
  
−
<div id="August" class="tabcontent">
+
<br>
−
  <h2>August</h2>
+
−
  <p>PDF here</p>
+
  
−
</div>
 
  
−
<div id="September" class="tabcontent">
 
−
  <h2>September</h2>
 
−
  <p>PDF here</p>
 
  
−
</div>
 
−
 
−
<div id="October" class="tabcontent">
 
−
  <h2>October</h2>
 
−
  <p>PDF here</p>
 
  
−
</div>
+
 
−
 
+
−
</div> 
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</body>
 
</body>
−
   
+
 
 +
 
 
<script>
 
<script>
−
function openCity(evt, cityName) {
+
        /***************************************************JAVASCRIPT STARTS HERE**************************************************/
−
    var i, tabcontent, tablinks;
+
var acc = document.getElementsByClassName("accordion");
−
    tabcontent = document.getElementsByClassName("tabcontent");
+
var i;
−
    for (i = 0; i < tabcontent.length; i++) {
+
 
−
        tabcontent[i].style.display = "none";
+
 
 +
for (i = 0; i < acc.length; i++) {
 +
  acc[i].addEventListener("click", function() {
 +
    /* Toggle between adding and removing the "active" class,
 +
                                    to highlight the button that controls the panel */
 +
    this.classList.toggle("active");
 +
 
 +
    /* Toggle between hiding and showing the active panel */
 +
 
 +
    var panel = this.nextElementSibling;
 +
    if (panel.style.display === "block") {
 +
      panel.style.display = "none";
 +
    } else {
 +
      panel.style.display = "block";
 
     }
 
     }
−
     tablinks = document.getElementsByClassName("tablinks");
+
     if (panel.style.maxHeight) {
−
     for (i = 0; i < tablinks.length; i++) {
+
      panel.style.maxHeight = null;
−
        tablinks[i].className = tablinks[i].className.replace(" active", "");
+
     } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 
     }
 
     }
−
    document.getElementById(cityName).style.display = "block";
+
  });
−
    evt.currentTarget.className += " active";
+
 
}
 
}
  
 +
    /***************************************************JAVASCRIPT ENDS HERE****************************************************/
 
</script>
 
</script>
 
      
 
      

Latest revision as of 20:18, 17 October 2018

CONNECT WITH US

Below are protocols and notebooks from three wet lab groups. Feel free to download them and take a look.


Click here to download protocols used in our wet lab.


The follow are the notebooks for the respective months of Wet Lab Group 1


JUNE


JULY


AUGUST


SEPTEMBER


The follow are the notebooks for the respective months of Wet Lab Group 2


MAY


JUNE


JULY


AUGUST


SEPTEMBER


OCTOBER


The follow are the notebooks for the respective months of Wet Lab Group 3


JUNE


JULY


AUGUST


SEPTEMBER


OCTOBER





HEAR OUR STORY

We’re using synthetic biology to change the way the world thinks and functions.

We’re a little disruptive, dangerous and maybe a tad too bold. But the world needs some shaking up every now and then, and we think we’re just the right people for that.

Together we’re going to engineer biology and create something awesome.

CONTACT US

nusigem@gmail.com

21 Lower Kent Ridge Rd, Singapore 119077