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

 
(18 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>
 
      
 
      
Line 10: Line 11:
 
<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>
  
<style>
 
    /***************************************************CSS STARTS HERE*********************************************************/
 
 
 
    table, th, td {
 
        border: none;
 
        border-collapse: collapse;
 
    }
 
    table {
 
        font-family: "Lora";
 
        font-size: 12px;
 
        word-spacing: 0.5em;
 
    }
 
    th, td {
 
        text-align: left;
 
        padding: 1px;
 
    }
 
 
    h1 {
 
        color: #000;
 
        font-family: "montserrat", sans-serif;
 
        font-weight: bold;
 
    }
 
   
 
    h2 {
 
        font-family: "Montserrat", sans-serif;
 
        font-size: 15px;
 
        font-weight: normal;
 
        text-align: left;
 
        color: black;
 
        padding-left: 1%;
 
        padding-top: 1.5%;
 
        padding-bottom: 1%;
 
        margin-left: 1%; 
 
    }
 
 
    h3 {
 
        font-family: "Lora", sans;
 
        font-size: 12px;
 
        font-weight: bold;
 
        text-align: left;
 
        color: black;
 
        margin-left: 15%;
 
        margin-bottom: 5px;
 
    }
 
   
 
    p {
 
        font-family: "Lora", serif;
 
        font-size: 14px;
 
        word-spacing: 0.5em;
 
        text-align:justify;
 
        margin-left:5%;
 
        margin-right:5%;
 
    }
 
 
    img {
 
        display: block;
 
        margin-left: auto;
 
        margin-right: auto;
 
    }
 
 
    .discussion_graph, .measurement_table{
 
        width: 70%;
 
        height: auto;
 
        margin: auto;
 
    }
 
 
    .notebook-header{
 
        width: 50%;
 
        height: auto;
 
        margin: auto;
 
    }
 
 
 
/* Style the main tab content */
 
.tabcontent {
 
    display: none;
 
    border: none;
 
    margin: none;
 
    -webkit-animation: fadeEffect 1s;
 
    animation: fadeEffect 1s;
 
    min-height: 500px;
 
}
 
 
/* Fade in tabs */
 
@-webkit-keyframes fadeEffect {
 
    from {opacity: 0;}
 
    to {opacity: 1;}
 
}
 
 
@keyframes fadeEffect {
 
    from {opacity: 0;}
 
    to {opacity: 1;}
 
}
 
 
 
   
 
    /***************************************************CSS ENDS HERE**********************************************************/
 
</style>
 
  
 
<body>
 
<body>
 
<div class="inner-border" style="border-top: none;">
 
<div class="inner-border" style="border-top: none;">
     <img src="https://static.igem.org/mediawiki/2018/f/fd/T--NUS_Singapore-A--Notebook.jpg" class="notebook-header">
+
<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>
 
     <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">
 
     <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>
 
<p style="text-align: center;">Click on different notebooks to see our records.</p>
Line 129: Line 44:
  
 
<div id="Protocols" class="tabcontent">
 
<div id="Protocols" class="tabcontent">
  // put in PDF here
+
<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>
Line 164: Line 84:
 
</div>
 
</div>
  
 +
</div> 
 +
</div>
 +
</div>
 +
</div>
 +
</body>
 +
   
 
<script>
 
<script>
 
function openCity(evt, cityName) {
 
function openCity(evt, cityName) {
Line 179: Line 105:
 
}
 
}
  
</script>
 
</div> 
 
</body>
 
   
 
<script>
 
        /***************************************************JAVASCRIPT STARTS HERE**************************************************/
 
       
 
 
    /***************************************************JAVASCRIPT ENDS HERE****************************************************/
 
 
</script>
 
</script>
 
      
 
      

Latest revision as of 17:42, 12 October 2018

CONNECT WITH US

Notebook heading
Protocol
May
June
July
August
September

Click on different notebooks to see our records.


Protocols June July July July July

Protocols

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

June

PDF here

July

PDF here

August

PDF here

September

PDF here

October

PDF here