BambooPanda (Talk | contribs) (Created page with "{{NUS_Singapore-A}} <html> </html>") |
BambooPanda (Talk | contribs) |
||
(70 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{NUS_Singapore-A}} | {{NUS_Singapore-A}} | ||
+ | {{:Team:NUS_Singapore-A/Templates/Style}} | ||
<html> | <html> | ||
+ | |||
+ | <head> | ||
+ | <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 rel="stylesheet" href="/w3css/4/w3.css"> | ||
+ | </head> | ||
+ | <script src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | <div class="inner-border" style="border-top: none;"> | ||
+ | <div class="all-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"> | ||
+ | <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> | ||
+ | <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"> | ||
+ | <h1>Protocols</h1> | ||
+ | |||
+ | <object data="https://static.igem.org/mediawiki/2016/e/ec/T--Imperial_College--LabBook.pdf" type="application/pdf" width="80%" height="900px"> | ||
+ | <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"> | ||
+ | <h2>June</h2> | ||
+ | <p>PDF here</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="July" class="tabcontent"> | ||
+ | <h2>July</h2> | ||
+ | <p>PDF here</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="August" class="tabcontent"> | ||
+ | <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> | ||
+ | </body> | ||
+ | |||
+ | <script> | ||
+ | function openCity(evt, cityName) { | ||
+ | var i, tabcontent, tablinks; | ||
+ | tabcontent = document.getElementsByClassName("tabcontent"); | ||
+ | for (i = 0; i < tabcontent.length; i++) { | ||
+ | tabcontent[i].style.display = "none"; | ||
+ | } | ||
+ | tablinks = document.getElementsByClassName("tablinks"); | ||
+ | for (i = 0; i < tablinks.length; i++) { | ||
+ | tablinks[i].className = tablinks[i].className.replace(" active", ""); | ||
+ | } | ||
+ | document.getElementById(cityName).style.display = "block"; | ||
+ | evt.currentTarget.className += " active"; | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
</html> | </html> | ||
+ | |||
+ | {{:Team:NUS_Singapore-A/Templates/Footer}} |
Latest revision as of 17:42, 12 October 2018
CONNECT WITH US