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

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">
+
    <area shape="rect" coords="90,10,200,130" alt="Protocols" class="tablinks" onclick="openCity(event, 'Protocols')">
+
    <area shape="rect" coords="250,10,360,130" alt="June" class="tablinks" onclick="openCity(event, 'June')">
+
    <area shape="rect" coords="410,10,520,130" alt="July" class="tablinks" onclick="openCity(event, 'July')">
+
    <area shape="rect" coords="570,10,680,130" alt="July" class="tablinks" onclick="openCity(event, 'August')">
+
    <area shape="rect" coords="730,10,840,130" alt="July" class="tablinks" onclick="openCity(event, 'September')">
+
    <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"> PROTOCOLS </button>
<h1>Protocols</h1>
+
    <div class="panel">
 +
      <p>Click <a href="#">here</a> to download protocols used in our wet lab.</p>
  
<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 1 </button>
  <h2>June</h2>
+
    <div class="panel">
  <p>PDF here</p>  
+
      <p>Click <a href="#">here</a> to download notebook from MONTH</p>
 +
      <p>Click <a href="#">here</a> to download notebook from MONTH</p>
  
</div>
+
    </div>
  
<div id="July" class="tabcontent">
+
  <button class="accordion"> WET LAB GROUP 2 </button>
  <h2>July</h2>
+
    <div class="panel">
  <p>PDF here</p>
+
      <p>Click <a href="#">here</a> to download notebook from MONTH</p>
  
</div>
+
    </div>
  
<div id="August" class="tabcontent">
+
  <button class="accordion"> WET LAB GROUP 3 </button>
  <h2>August</h2>
+
    <div class="panel">
  <p>PDF here</p>
+
      <p>Click <a href="#">here</a> to download notebook from MONTH</p>
 +
 
 +
    </div>
  
</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>

Revision as of 18:44, 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.

Click here to download notebook from MONTH

Click here to download notebook from MONTH

Click here to download notebook from MONTH

Click here to download notebook from MONTH